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   -
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 !!!!
Configuration: Windows XP Internet Explorer 8.0

7 réponses

  1. DoI3y Messages postés 57 Statut Membre 24
     
    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
  2. DoI3y Messages postés 57 Statut Membre 24
     
    super se code j'assaye et je vous dis koi !! ^^
    0
  3. DoI3y Messages postés 57 Statut Membre 24
     
    quelqu'un a t-il un autre tuto a me proposer ??
    ou alors si quelqu'un pouvez trouver mon erreur...

    Merci d'avance
    0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   186
     
    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
  6. DoI3y Messages postés 57 Statut Membre 24
     
    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
  7. jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   186
     
    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