Php ou java script FORMULAIRE DYNAMIQUE

tatoum -  
 tatoum -
SALUT POUR TOUS,
pouvez vous m'aider s'il vous plais
ce que je demande il est simple pour les uns mais dure pour moi ce que je veux faire c'est un formulaire dynamique j'explique

dans le formulaire principale une liste de choix qui change le reste du formulaire

champ1
champ2 (liste A,B,C)
si A champ A
si B champ B
si c Champ C

4 réponses

  1. Templier Nocturne Messages postés 9989 Statut Membre 1 107
     
    si tu veux tous ça sur une seule page, il te faudra utiliser ajax.

    tu utilise les variables post ;) ça te permet de faire ça en php.
    0
  2. tatoum
     
    merci bien pour votre réponse mais je serai très contente si vous pouvez me donner un boue de code
    comme exemple parce que je ne sais pas comment utiliser ajax
    merci d'avance
    cordialement
    0
  3. Templier Nocturne Messages postés 9989 Statut Membre 1 107
     
    arf :/

    dans ce cas, plutot que de te donner un code tout fait, je te propose d'essayer d'apprendre AJAX, si tu n'y arrive toujours pas, je te donnerais le code (ou une partie de moins), mais pour le moment, j'ai pas trop le temps, désolé :(

    http://www.siteduzero.com/tutoriel-3-4745-ajax-et-l-echange-de-donnees-en-javascript.html
    0
  4. tatoum
     
    merci en tout cas
    mais j'ai deja essayé et voila ce que j'ai trouvé
    <script type="text/javascript">
    function displayFields()
    {
    var o = document.getElementById('situation');
    var si = o.selectedIndex;
    switch(si)
    {
    case 0:
    document.getElementById('ecole').style.display = 'inline';
    document.getElementById('niveau').style.display = 'inline';
    document.getElementById('anciennete').style.display = 'none';
    document.getElementById('domaine').style.display = 'none';
    document.getElementById('titre').style.display = 'none';
    break;

    case 2:
    document.getElementById('ecole').style.display = 'none';
    document.getElementById('niveau').style.display = 'none';
    document.getElementById('anciennete').style.display = 'inline';
    document.getElementById('domaine').style.display = 'inline';
    document.getElementById('titre').style.display = 'none';
    break;

    case 3:
    document.getElementById('ecole').style.display = 'none';
    document.getElementById('niveau').style.display = 'none';
    document.getElementById('anciennete').style.display = 'inline';
    document.getElementById('domaine').style.display = 'inline';
    document.getElementById('titre').style.display = 'inline';
    break;
    }
    }
    </script>

    <form name="[cequetuveux]" method="[post|get]" action="[tapage.xxx]">
    <select id="situation" onchange="javascript:displayFields()">
    <option value="1">Etudiant</option>
    <option value="">Fonctionnaire</option>
    <option value="">Cadre</option>
    </select>

    <input type="text" id="ecole" name="ecole" style="display:none" />
    <input type="text" id="niveau" name="niveau" style="display:none" />
    <input type="text" id="anciennete" name="anciennete" style="display:none" />
    <input type="text" id="domaine" name="domaine" style="display:none" />
    <input type="text" id="titre" name="titre" style="display:none" />
    </form>
    0