Rendre un select invisible puis le rendre vis
DoI3y
Messages postés
57
Statut
Membre
-
jeangilles Messages postés 816 Date d'inscription Statut Membre Dernière intervention -
jeangilles Messages postés 816 Date d'inscription Statut Membre Dernière intervention -
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...
--
Moi zeme bien se forum !!!!
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...
--
Moi zeme bien se forum !!!!
Configuration: Windows XP Internet Explorer 8.0
7 réponses
-
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 ;) -
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 -
-
quelqu'un a t-il un autre tuto a me proposer ??
ou alors si quelqu'un pouvez trouver mon erreur...
Merci d'avance -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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 ^^) -
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 -
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 ^^