Forum PHP.pl > checkbox automatycznie przaładuje div-a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: checkbox automatycznie przaładuje div-a

pepro

21.08.2013, 12:53:23

Witam, gdzieś kiedyś widziałem rozwiązanie, ale nie mogę teraz trafić. Mianowicie
zaznaczam checkbox i automatycznie wykonuje skrypt php z innego pliku i wypluwa wynik do jakiegoś diva na stronie.

Nie mam zielonego pojęcia jak to dodać na stronkę. Może ktoś wskazać man z przykładem?
Zapewne to banał, ale nie miałem do tej pory styczności z ajaxem, jquery.

Chodzi mi o to by przekazać wartość checbox'a do pliku, który ma wykonać działanie i zwrócić do diva.
Znalazłem rozwiązanie, lecz tylko z SUBMIT. Ja natomiast potrzebuje użyć tylko chckbox'a.

Pomóżcie proszę bo stanąłem nad tym już kilka godź. temu i nie mogę przebrnąć.

Znalazłem jakieś rozwiązanie, które prawdopodobnie będzie satysfakcjonujące, ale niestety brak wiedzy w temacie powoduje, że nie bardzo wiem jak to ugryźć by działało. Skrypt wygląda tak

[HTML] pobierz, plaintext 
<html>
 <head>
 <script>
 function getG(int)
 {
 if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
 else
   {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     document.getElementById("res").innerHTML=xmlhttp.responseText;
     }
   }
 xmlhttp.open("POST","grupy.php?vote="+int,true);
 xmlhttp.send();
 }
 </script>
 </head>
 <body>
 
<div>
 <form>
 <br>grupa A:
 <input type="checkbox" name="gA" onchange="getG(this.value)">
 <br>grupa B:
 <input type="checkbox" name="gB" onchange="getG(this.value)">
 <br>brupa C:
 <input type="checkbox" name="gC" onchange="getG(this.value)">
 </form>
 </div>
 <div id="res"><div>
 
 </body>
 </html>
 
[HTML] pobierz, plaintext

Skrypt grupy.php odpytuje bazę i na wyjściu generuje spis wszystkich grup. Na podstawie danych z checkbox-ów (true/false) odpowiednio zmienia zapytaniedo bazy, dzięki czemu otrzymuję dane, które mnie interesują.

To rozwiązanie prawie działa.
W tym miejscu pojawia się magiczne słowo "prawie".
Drążąc temat dalej doszedłem, że powinienem do funkcji "getG" lub gdzieś indziej dodać jakąś zmienną, która będzie pamiętać, że np chceckbox'y mają wartość false i po zaznaczeniu np "gA" wysyłana jest odpowiednia kombinacja gA=true. gB=false, gC=false.
Choć nie jestem pewien czy to tak działa. Może mnie ktoś naprowadzić jak to zrobić, gdzie szukać?
Może jest jakiś działający toturial, na podstawie którego mógłbym zaczaić o co chodzi.

reyne

1.09.2013, 10:56:27

to co wkleiłeś nie ma żadnego związku z jquery, gdzie dołączenie biblioteki?
checkboxy powinny mieć jakąś wartość, która będzie identyfikować grupę np <input type="checkbox" name="gB" value="grupa1">
Potem JS sprawdzasz wartość checkboxa po jego kliknięciu np w ten sposób:

http://jsfiddle.net/VSk3n/50/

no a potem ajaxem musisz wysłać całość do skryptu php

http://api.jquery.com/jQuery.ajax/ - na dole przykłady

masę tutoriali znajdziesz tutaj https://www.google.pl/search?q=jquery+podst...jOcaUswb1-oGYAw

bez podstawowej wiedzy na temat JS będzie Ci później coraz ciężej, w programowaniu nie ma drogi na skróty

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.