Rendre un select invisible puis le rendre vis

Fermé
DoI3y Messages postés 56 Date d'inscription vendredi 16 janvier 2009 Statut Membre Dernière intervention 24 février 2010 - 11 juil. 2009 à 14:29
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 - 13 juil. 2009 à 14:02
Bonjour,

Voila je souhaite avoir 2 select dans mon code, un visible, l'autre non.
Je m'explique :

admettons que je liste une serie de catégorie (cat 1, cat2, cat3) qui serai visible. je choisit une de ces catégories, et un deuzième select apparait (alors qu'il était invisble auparavent) avec des sous catégorie (ss_cat1, ss_cat2...).

Ma question : Quel langage doi-je utilisé ???

Je ne sait pas du tout par quoi comencé...


Merci de vos réponse...

7 réponses

DoI3y Messages postés 56 Date d'inscription vendredi 16 janvier 2009 Statut Membre Dernière intervention 24 février 2010 24
12 juil. 2009 à 01:38
Je narrive pas a exécuter le code !!!

kel est mon erreur svp ???

voila mé bout de code :

video_ajout.php :
<script type='text/javascript'>

function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr;
}

/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(){
var xhr = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200){
leselect = xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('sous_categorie').innerHTML = leselect;
}
}

// Ici on va voir comment faire du post
xhr.open("POST","ajax_ss_categorie.php",true);
// ne pas oublier ça pour le post
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// ne pas oublier de poster les arguments
// ici, l'id de l'auteur
sel = document.getElementById('categorie');
id_cat = sel.options[sel.selectedIndex].value;
xhr.send("id_Cat="+id_cat);
}
</script>



<form name="form1">

<table >
<tr>
<td align="left">Titre</td><td align="left"><input type="text" size="20" name="titre"></td>
</tr>

<tr>
<td align="left">Description</td><td align="left"><textarea col="10" rows="5" name="description"></textarea></td>
</tr>

<tr>
<td align="left">Code de la vidéo</td><td align="left"><textarea cols="50" rows="10" name="code"></textarea></td>
</tr>

<tr>
<td align="left">Catégorie</td>
<td align="left"><select name="categorie" id="categorie" onchange='go()'>
<option value='-1'>Choisir une catégorie</option>

<?php

$mysql_query1=mysql_query("select * from categorie") or die (mysql_error($mysql_query1));
while ($data1=mysql_fetch_assoc($mysql_query1))
{
echo ('<option value="'.$data1['id_categorie'].'">'.$data1['nom_categorie'].'</option>');
}
?>
</select>
</td>
</tr>



<tr>
<td align="left">Sous Catégorie</td>
<td align="left"><div id='sous_categorie' style='display:inline'>
<select name='sous_categorie'>
<option value='-1'>Choisir une catégorie</option>
</select>
</div>

</td>
</tr>



</table>
</form>



ajax_sous_categorie.php :


<?php
echo "<select name='sous_categorie'>";
$dada= $_POST['id_cat'];
echo ("<option value='-1'>".$dada."</option>");
if(isset($_POST["id_Cat"]))
{
$cat = $_POST['id_Cat'];
$mysql_query=mysql_query("SELECT * FROM sous_categorie WHERE id_cat=".$cat." ") or die (mysql_error());
while ($data=mysql_fetch_assoc($mysql_query))
{
echo ("<option value='".$data['id_sous_categorie']."'>".$data["nom_sous_categorie"]."</option>");
}

}
echo "</select>";
?>

merci de vos rep ;)
1
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
11 juil. 2009 à 15:11
Les sous-catégories dépendent des catégories choisies je suppose ?
En PHP + AJAX, tu peux le faire :
un exemple : https://siddh.developpez.com/articles/ajax/#LIV-A
0
DoI3y Messages postés 56 Date d'inscription vendredi 16 janvier 2009 Statut Membre Dernière intervention 24 février 2010 24
11 juil. 2009 à 15:51
super se code j'assaye et je vous dis koi !! ^^
0
DoI3y Messages postés 56 Date d'inscription vendredi 16 janvier 2009 Statut Membre Dernière intervention 24 février 2010 24
13 juil. 2009 à 09:48
quelqu'un a t-il un autre tuto a me proposer ??
ou alors si quelqu'un pouvez trouver mon erreur...

Merci d'avance
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
13 juil. 2009 à 11:25
Ben déjà si ca marche pas tu dois avoir un message d'erreur ou quelquechose de la sorte ...
donc si tu le donnais ca aiderai peut etre ^^

ensuite, tes ligne
$dada= $_POST['id_cat'];
echo ("<option value='-1'>".$dada."</option>");
if(isset($_POST["id_Cat"]))

ta première te sert à rien, car ton $_POST['id_cat']; n'est pas initialisé, ca doit planter (parce que id_Cat OK, mais id_cat non ^^)
0
DoI3y Messages postés 56 Date d'inscription vendredi 16 janvier 2009 Statut Membre Dernière intervention 24 février 2010 24
13 juil. 2009 à 13:13
g corriger l'erreur mé toujours rien...

je pourrai t'aider en te donnant l'erreur que sa me donne
mé le pb c kil y en a pa
mé sous_catégorie ne s'affiche pa du tt !!

merci qd mm
0
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
13 juil. 2009 à 14:02
si tu testes sous IE, normal ca te renvoit pas les erreues js (enfin si mais ca veut rien dire la plupart du tps)

par contre la console d'erreurs de Firefox est très pratique ^^
0