Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP]Generowanie linku na żywo
smrodek11
post 22.06.2011, 19:57:49
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 27.12.2010

Ostrzeżenie: (0%)
-----


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ć?

Ten post edytował smrodek11 22.06.2011, 20:00:17
Go to the top of the page
+Quote Post
gargamel
post 22.06.2011, 20:26:04
Post #2





Grupa: Zarejestrowani
Postów: 278
Pomógł: 35
Dołączył: 25.06.2010

Ostrzeżenie: (0%)
-----


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:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  4. <script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
  5. <script type="text/javascript">
  6. $(document).ready(function(){
  7. $("#test1").html("CATEGORY: "+getHashData('category')+"; ITEM: "+getHashData('item'));
  8. });
  9.  
  10. function setHash(a){
  11. location.hash = a;
  12. }
  13. function getHashData(key){
  14. var dataTab = location.hash.substring(1).split(",");
  15. var i = 0;
  16. for(i;i<dataTab.length;i++){
  17. data = dataTab[i].split(":");
  18. if(data[0] == key){
  19. return data[1];
  20. }
  21. }
  22. return false;
  23. }
  24.  
  25. function sampleFunction(cat, it){
  26. $("#test1").html("CATEGORY: "+cat+"; ITEM: "+it);
  27. setHash("category:"+cat+",item:"+it);
  28. }
  29. </script>
  30. </head>
  31. <body>
  32. <div><a href="java script:sampleFunction('Users', 'admin');">Link1</a></div>
  33. <div><a href="java script:sampleFunction('Users', 'moderator');">Link2</a></div>
  34. <div><a href="java script:sampleFunction('Preferences', 'colors');">Link3</a></div>
  35. <div><a href="java script:sampleFunction('Preferences', 'data');">Link4</a></div>
  36. <div><a href="java script:sampleFunction('Preferences', 'settings');">Link5</a></div>
  37. <div id='test1'></div>
  38.  
  39.  
  40. </body>
  41. </html>


Ten post edytował gargamel 22.06.2011, 20:34:34
Go to the top of the page
+Quote Post
smrodek11
post 22.06.2011, 20:42:11
Post #3





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 27.12.2010

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
gargamel
post 22.06.2011, 20:51:04
Post #4





Grupa: Zarejestrowani
Postów: 278
Pomógł: 35
Dołączył: 25.06.2010

Ostrzeżenie: (0%)
-----


javascriptowe .innerHTML do wykorzystania
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 31.07.2025 - 10:48