Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [Javascript] wykonywanie skryptu po kliknięciu w przycisk.
BigBoyPL
post
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 30.07.2013

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

Witam ponownie.
Od razu mówię o co chodzi.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <script>
  6. if (window.XMLHttpRequest)
  7.   {// code for IE7+, Firefox, Chrome, Opera, Safari
  8.   xmlhttp=new XMLHttpRequest();
  9.   }
  10. else
  11.   {// code for IE6, IE5
  12.   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  13.   }
  14. xmlhttp.open("GET","test_csmg.php?model=GT540",false);
  15. xmlhttp.send();
  16. xmlDoc=xmlhttp.responseXML; 
  17. var x=xmlDoc.getElementsByTagName("*");
  18. document.write("<table border='1'>");
  19. document.write("<tr><th>MODEL</th><th>SUFFIX</th><th>DATE</th><th>SW_VER</th><th>DL LINK</th></tr>");
  20. for (i=0;i<x.length;i++)
  21.   {
  22.   document.write("<tr><td>");
  23.   document.write(x[0].getElementsByTagName("model")[i].childNodes[0].nodeValue);
  24.   document.write("</td><td>");
  25.   document.write(x[0].getElementsByTagName("suffix")[i].childNodes[0].nodeValue);
  26.   document.write("</td><td>");
  27.   document.write(x[0].getElementsByTagName("approve_date")[i].childNodes[0].nodeValue);
  28.   document.write("</td><td>");
  29.   document.write(x[0].getElementsByTagName("sw_version")[i].childNodes[0].nodeValue);
  30.   document.write("_");
  31.   document.write(x[0].getElementsByTagName("cond_version")[i].childNodes[0].nodeValue);
  32.   document.write("</td><td><a href=");
  33.   document.write(x[0].getElementsByTagName("sw_url")[i].childNodes[0].nodeValue);
  34.   document.write(">Download</a></td></tr>");
  35.   }
  36. document.write("</table>");
  37. </script>
  38.  
  39. </body>
  40. </html>
[HTML] pobierz, plaintext

ten kod robi tabele html z pliku xml.
Chodzi mi o to żeby przez wczytaniem tabeli można było wybrać model poprzez wpisanie go ręcznie w textboxie i kliknięcie w przycisk OK.
Potem trzeba jakoś "wziąć" ten model z textboxu i wpakować go w miejsce test_csmg.php?model=[TUTAJ] i na końcu zrobić skrypt.
Go to the top of the page
+Quote Post
vonski
post
Post #2





Grupa: Zarejestrowani
Postów: 292
Pomógł: 89
Dołączył: 27.12.2006
Skąd: Warszawa

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

Robisz sobie tekstowy input o jakimś tam ID, np. 'model' i button (albo link, obrazek - cokolwiek) z też z jakimś ID, np. 'show_model'.
No i po prostu piszesz obsługę zdarzenia 'kliknięcia' w button:

[HTML] pobierz, plaintext 
  1. <script>
  2.             // "bierzesz" button o ID 'show_model'
  3.             var el = document.getElementById('show_model');
  4.  
  5.             // obsługa kliknięcia powyżego buttonu
  6.             el.addEventListener('click', function() {
  7.                 // tutaj pobierasz wartość inputa
  8.                 var nazwa_modelu = document.getElementById('model').value;
  9.  
  10.                 // tutaj idzie reszta, czyli AJAX, renderowanie tabeli itp.
  11.             });
  12. </script>
[HTML] pobierz, plaintext


I teraz nazwa_modelu idzie w miejsce konkretnej nazwy w URL-u do którego robisz żądanie.
Oczywiście ten skrypt musi być wykonany PO wczytaniu się obu powyższych elementów (czyli inputa i buttona).
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 2.10.2025 - 18:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn