Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][AJAX] Zmiana widoku
Forum PHP.pl > Forum > Przedszkole
thomson89
19.11.2009, 22:20:24
Witam!

Z pomocą webmade zrobiłem, a raczej przerobiłem swój pierwszy kod ajax, który działa! I tak się teraz zastanawiam, jak zrobić zmianę widoku. Wcześniej robiłem to za pomocą php -> plik zmienwidok.php z instrukcją zmienna ? zmienna2 : zmienna3 oraz header'em na poprzednią stronę.

Teraz do tego chcę wykorzystać ajax...

No, tylko nie wiem jak to zrobić. Mam na razie dwa buttony które ładnie ładują mi dwa widoki. Teraz chciałbym zrobić z tego jeden button, i z różna wartością zależnie od tego widoku, który jest obecnie. Tylko jak?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head> 
  3.  
  4. <title>Przykładowy skrypt AJAX</title>
  5.  
  6. <script type="text/javascript"> // pierwsza część kodu var ObiektXMLHttp = false;
  7. if (window.XMLHttpRequest) 
  8.   { 
  9.    ObiektXMLHttp = new XMLHttpRequest(); } 
  10.    else if (window.ActiveXObject) 
  11.       { 
  12.        ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); } 
  13.  
  14. // druga część kodu 
  15. function getData(zrodlo, cel) { 
  16.  if(ObiektXMLHttp) 
  17.   {
  18.    var cel = document.getElementById(cel);
  19.    ObiektXMLHttp.open("GET", zrodlo);
  20.  
  21. ObiektXMLHttp.onreadystatechange = function() 
  22. {
  23.  if (ObiektXMLHttp.readyState == 0 || ObiektXMLHttp.readyState == 1 || ObiektXMLHttp.readyState == 2 || ObiektXMLHttp.readyState == 3) {
  24. 	document.getElementById('loading').innerHTML = "<img src=\"ajaxload.gif\">"; }
  25.  
  26.  if (ObiektXMLHttp.readyState == 4)
  27.    {
  28. 	document.getElementById('loading').innerHTML = "";
  29.     cel.innerHTML = ObiektXMLHttp.responseText; 
  30.    }
  31. } 
  32. // trzecia część kodu 
  33. ObiektXMLHttp.send(null); } } 
  34. </script> 
  35.  
  36. </head>
  37. <body>
  38.  
  39. <h1>AJAX w praktyce</h1> 
  40.  
  41. <form> 
  42. <input type = "button" value = "Widok prosty" onclick = "getData('zdjeciatest-ajax.php', 'div')">
  43. <input type = "button" value = "Widok stronicowanie" onclick = "getData('zdjecia2test-ajax.php', 'div')"> 
  44. </form> 
  45. <div id="loading"></div>
  46. <div id="div"> Tutaj pojawi się wiadomość. </div> 
  47.  
  48. </body>
  49. </html>
[HTML] pobierz, plaintext
skowron-line
20.11.2009, 00:08:42
No stary prosty IF i odczyt wartości z buttona 
[HTML] pobierz, plaintext 
  1. <input type="button" value="Widok podstawowy" name="0">
[HTML] pobierz, plaintext

0 - widok podstawowy
1 - widok rozszerzony
jak odczytać wartość name znajdziesz w guglu.
thomson89
20.11.2009, 16:11:22
Dałem tak:

[HTML] pobierz, plaintext 
  1. stan1 = '<input type = "button" value = "Zmien widok" onclick = "zmienButtonIStrone(\'zero\');">';
  2. stan0 = '<input type = "button" value = "Zmien widok"  onclick = "zmienButtonIStrone(\'jeden\');">';
  3.  
  4. window.onload = function (){
  5. 	var button = document.getElementById('button');
  6. 	getData('zdjecia2test-ajax.php', 'div');
  7. 	button.innerHTML = stan1;
  8. };
  9.  
  10. function zmienButtonIStrone(liczba){
  11. 	var button = document.getElementById('button');
  12.  
  13. 	if(liczba == 'jeden'){
  14. 		button.innerHTML = stan1;
  15. 		getData('zdjecia2test-ajax.php', 'div');
  16. 	}	
  17. 	if(liczba == 'zero'){
  18. 		button.innerHTML = stan0;
  19. 		getData('zdjeciatest-ajax.php', 'div');
  20. 	}	
  21. };
[HTML] pobierz, plaintext


Oczywiście to tylko część kodu winksmiley.jpg Dzięki
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.