Forum PHP.pl > [PHP]Generowanie linku na żywo

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP]Generowanie linku na żywo

smrodek11

22.06.2011, 19:57:49

Czy dało by się jakoś wygenerować link do strony na żywo na przykładzie:
http://jakasstrobna.com/indexInt...uy&bazarID=XX&howMuch=YY
Nad linkiem byłyby dwa pola do wpisywania i gdy w jednej użytkownik by zmienił wartość pola to zmieniało by się XX linku na wartość z pola a jak nastąpiła by zmiana drugiego pola to nastąpywało by to samo co z pierwszym polem tylko w wartości YY linku. I to żeby wszystko się robiło w czasie rzeczywistym, bez przeładowań strony ani nic w tym rodzaju. Da się coś takiego zrobić?

gargamel

22.06.2011, 20:26:04

Bez przeładowywania strony nie można zmieniać zawartości w pasku adresu. Można za to wykorzystać kotwice w javascripcie.

Edit:

Tu masz gotowca, przeanalizuj:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title></title>
  <script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function(){
  $("#test1").html("CATEGORY: "+getHashData('category')+"; ITEM: "+getHashData('item'));
  });
 
  function setHash(a){
  location.hash = a;
  }
  function getHashData(key){
  var dataTab = location.hash.substring(1).split(",");
  var i = 0;
    for(i;i<dataTab.length;i++){
    data = dataTab[i].split(":");
      if(data[0] == key){
      return data[1];
      }
    }
  return false;
  }
 
  function sampleFunction(cat, it){
  $("#test1").html("CATEGORY: "+cat+"; ITEM: "+it);
  setHash("category:"+cat+",item:"+it);
  }
  </script>
  </head>
  <body>
  <div><a href="java script:sampleFunction('Users', 'admin');">Link1</a></div>
  <div><a href="java script:sampleFunction('Users', 'moderator');">Link2</a></div>
  <div><a href="java script:sampleFunction('Preferences', 'colors');">Link3</a></div>
  <div><a href="java script:sampleFunction('Preferences', 'data');">Link4</a></div>
  <div><a href="java script:sampleFunction('Preferences', 'settings');">Link5</a></div>
  <div id='test1'></div>
 
 
  </body>
</html>
[HTML] pobierz, plaintext

smrodek11

22.06.2011, 20:42:11

Ale ja nie chce zmieniać linku w pasku adresu. Jest link gdzieś na stronie i jeśli się zmienia te pola to zmieniają się te miejsca co zaznaczyłem w przykładzie

gargamel

22.06.2011, 20:51:04

javascriptowe .innerHTML do wykorzystania

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.