Ajax et les checkbox
Melooo
Messages postés
1405
Date d'inscription
Statut
Membre
Dernière intervention
-
_nicolas Messages postés 169 Date d'inscription Statut Membre Dernière intervention -
_nicolas Messages postés 169 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un tableau qui se présente comme ceci :
exemple :
Titre : Catégorie :
bidule A
bidule2 B
bidule3 C
Et quand je clique sur catégorie un hover s'affiche avec la possibilité de choisir les catégories à afficher, donc si le type choisis A et C j'affiche seulement les catégories A et C...
Je penses qu'il faut utiliser de l'ajax...
j'ai essayé un code mais sans grand succès :
et mon code html
et ma récupération :
ca serait également cool d'afficher les résultats sur la même page...
merci pour votre aide.
J'ai un tableau qui se présente comme ceci :
exemple :
Titre : Catégorie :
bidule A
bidule2 B
bidule3 C
Et quand je clique sur catégorie un hover s'affiche avec la possibilité de choisir les catégories à afficher, donc si le type choisis A et C j'affiche seulement les catégories A et C...
Je penses qu'il faut utiliser de l'ajax...
j'ai essayé un code mais sans grand succès :
function maFonctionAjax(Id, Nom) { var OAjax; if (window.XMLHttpRequest) OAjax = new XMLHttpRequest(); else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); OAjax.open('POST',"affiche.php",true); OAjax.onreadystatechange = function() { if (OAjax.readyState == 4 && OAjax.status==200) { if (document.getElementById) { if (OAjax.responseText =='true') { /* OK */ document.getElementById('msg').innerHTML='<font color=GREEN>'+OAjax.responseText+'</font>'; }else{ /* PAS OK */ document.getElementById('msg').innerHTML='<font color=RED>'+OAjax.responseText+'</font>'; } } } } OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded'); OAjax.send('cat='+check1+'&cat2='+check2+'&cat3='+check3); }
et mon code html
<input type="checkbox" id="check1" name="check1"><div width="6px" style="display:inline;"> </div><img src="images/ico/image.png"><div width="6px" style="display:inline;"> </div>Exploitation <br /><input type="checkbox" id="check2" name="check2"><div width="6px" style="display:inline;"> </div><img src="images/ico/image2.png"><div width="6px" style="display:inline;"> </div>Infrastructure <br /><input type="checkbox" id="check3" name="check3"><div width="6px" style="display:inline;"> </div><img src="images/ico/image3.png"><div width="6px" style="display:inline;"> </div>Bâtiment <br /><br />
et ma récupération :
if($_POST['check1'] == "") { echo "vide"; } else { echo "pas vide"; }
ca serait également cool d'afficher les résultats sur la même page...
merci pour votre aide.
A voir également:
- Ajax et les checkbox
- Yggtorrent erreur ajax ✓ - Forum PHP
- Problème ajax ✓ - Forum Webmastering
- Erreur ajax c est quoi ✓ - Forum PHP
- Checkbox sql - Forum PHP
- Jtable checkbox - Forum Java
2 réponses
Bonjour,
À première vue, le problème viendrait de cette ligne-là :
OAjax.send('cat='+check1+'&cat2='+check2+'&cat3='+check3);
check1, 2 et 3 ne sont pas utilisables directement en javascript.
Juste avant cette ligne, tu peux les remplir comme ceci :
var check1 = (document.getElementById("check1").checked) ? "1":"";
var check2 = (document.getElementById("check2").checked) ? "1":"";
var check3 = (document.getElementById("check3").checked) ? "1":"";
Xavier
À première vue, le problème viendrait de cette ligne-là :
OAjax.send('cat='+check1+'&cat2='+check2+'&cat3='+check3);
check1, 2 et 3 ne sont pas utilisables directement en javascript.
Juste avant cette ligne, tu peux les remplir comme ceci :
var check1 = (document.getElementById("check1").checked) ? "1":"";
var check2 = (document.getElementById("check2").checked) ? "1":"";
var check3 = (document.getElementById("check3").checked) ? "1":"";
Xavier
je montre comment est organisé mon html :
Je dois avoir une vingtaine de ligne sur ma page...
je dois passer obligatoirement par de l'ajax pour faire un "tri" ?
merci de vos réponses
quand je clique dessus apparait un formulaire de trie.
ou l'utilisateur peut choisir de cocher les catégories qu'il souhaite voir dans son tableau...
et je voudrais que par exemple si il coche A et B que directement mon tableau change, en restant sur la même page en affichant ce que l'utilisateur à choisi