Ajax et les checkbox
Melooo
Messages postés
1476
Statut
Membre
-
_nicolas Messages postés 184 Statut Membre -
_nicolas Messages postés 184 Statut Membre -
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.
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-
La récup apparemment des données se fait très bien,
je montre comment est organisé mon html :<td align="center" class="contenu_tab"><img src="images/ico/carre_jaune.png" width="5px" height="5px"></td> <td align="center" class="contenu_tab"><img src="images/ico/carre_bleu.png" width="5px" height="5px"></td> <td align="center" class="contenu_tab"><img src="images/ico/carrer_rose.png" width="5px" height="5px"></td>
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 -
-
dans un tableau j'ai une colonne catégorie.
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 -
-
-
-