Forum PHP.pl > [Javascript] wykonywanie skryptu po kliknięciu w przycisk.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Javascript] wykonywanie skryptu po kliknięciu w przycisk.

BigBoyPL

11.09.2013, 13:52:21

Witam ponownie.
Od razu mówię o co chodzi.

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<body>
 
<script>
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","test_csmg.php?model=GT540",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 
var x=xmlDoc.getElementsByTagName("*");
document.write("<table border='1'>");
document.write("<tr><th>MODEL</th><th>SUFFIX</th><th>DATE</th><th>SW_VER</th><th>DL LINK</th></tr>");
for (i=0;i<x.length;i++)
  {
  document.write("<tr><td>");
  document.write(x[0].getElementsByTagName("model")[i].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[0].getElementsByTagName("suffix")[i].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[0].getElementsByTagName("approve_date")[i].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[0].getElementsByTagName("sw_version")[i].childNodes[0].nodeValue);
  document.write("_");
  document.write(x[0].getElementsByTagName("cond_version")[i].childNodes[0].nodeValue);
  document.write("</td><td><a href=");
  document.write(x[0].getElementsByTagName("sw_url")[i].childNodes[0].nodeValue);
  document.write(">Download</a></td></tr>");
  }
document.write("</table>");
</script>
 
</body>
</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.

vonski

11.09.2013, 16:03:00

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 
<script>
            // "bierzesz" button o ID 'show_model'
            var el = document.getElementById('show_model');
 
            // obsługa kliknięcia powyżego buttonu
            el.addEventListener('click', function() {
                // tutaj pobierasz wartość inputa
                var nazwa_modelu = document.getElementById('model').value;
 
                // tutaj idzie reszta, czyli AJAX, renderowanie tabeli itp.
            });
</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).

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.