Bonjour,

je souhaiterais que le fait de cocher/décocher des checkboxes puisse actualiser un DIV à partir d'une requête vers php.

Exemple : liste toutes les personnes qui pratiquent le foot si foot est coché mais aussi toutes celles qui pratiquent le foot ET le basket si foot et basket sont cochés, etc...

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
 
	<script language="JavaScript">
 
	function submitForm()
	{ 
		var req = null; 
 
		document.getElementById("affiche_resultat").innerHTML="Recherche en cours...";
 
		if (window.XMLHttpRequest)
		{
 			req = new XMLHttpRequest();
 
		} 
		else if (window.ActiveXObject) 
		{
			try {
				req = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e)
			{
				try {
					req = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
        	}
 
 
		req.onreadystatechange = function()
		{ 
			document.getElementById("affiche_resultat").innerHTML="Wait server...";
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					document.getElementById("affiche_resultat").innerHTML = "Voici le résultat de votre recherche : " + req.responseText;
				}	
				else	
				{
					document.getElementById("affiche_resultat").innerHTML = "Error: returned status code " + req.status + " " + req.statusText;
				}	
			} 
		}; 
		req.open("GET", "ma_page_qui_traite_les_requetes.php", true); 
		req.send(null); 
	} 
	</script>
	</head>
 
<body>
<FORM name="ajax" method="POST" action="">
	foot 
	<input type="checkbox" name="foot" id="foot" ONCLICK="submitForm('foot')" /> 
	basket 
	<input type="checkbox" name="basket" id="basket" ONCLICK="submitForm('basket')" /> 
	rugby 
	<input type="checkbox" name="rugby" id="rugby" ONCLICK="submitForm('rugby')" />
</FORM>
 
<div id="affiche_resultat"></div>
</body>
</html>
Est-il possible d'améliorer cette base de script manuellement ?
Si oui, comment ?
Si non, où chercher ?

Et si ça fait le café, juste un seul sucre svp.