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...
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...
A voir également:
- Rendre un select invisible puis le rendre vis
- Comment rendre un fichier moins lourd - Guide
- Clé usb invisible - Guide
- Comment nettoyer son mac pour le rendre plus rapide - Guide
- Rendre un dossier invisible - Guide
- Comment se rendre invisible sur messenger - Guide
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 ;)
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
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
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 ^^)
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 ^^)
