IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Affichage conditionnel dans un formulaire


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de EIN-LESER
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2008
    Messages
    703
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Service public

    Informations forums :
    Inscription : Mai 2008
    Messages : 703
    Points : 778
    Points
    778
    Par défaut Affichage conditionnel dans un formulaire
    Bonjour a tous

    Je suis sur un petit probleme avec un formulaire.

    Je voudrais savoir en fait si il est possible d'afficher dans un formulaire a condition que l'user selectionne une reponse precise dans une liste.

    Je m'explique:

    j'ai cette liste:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <select name="genre" id="genre">
    <option value="genre">Genre</option>
    <?php
    while ($donneesGenre = mysql_fetch_array($reponseGenre))
    {
    echo '<option value='.$donneesGenre ['NUMEROGENRE'].'>'.$donneesGenre ['NOMGENRE'].'</option>';
    }
    ?>
    <option value="autre">Autre</option>
    </select>
    Et voila ou je bloque.
    Ce que j'aimerais faire si c'est possible c'est afficher plusieurs textfields relatif a l'enregistrement d'un nouveau genre si l'user selectionne autre dans la liste.

    Si quelqun aurait un idee sa serait sympas

    Merci d'avance

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 664
    Points
    66 664
    Billets dans le blog
    1
    Par défaut
    sur le onchange du select il suffit de verfier le selected index dasn un swicth qui modifiera le displya ou le visibility de tel ou tel element du formulaire ...

  3. #3
    Membre éclairé Avatar de EIN-LESER
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2008
    Messages
    703
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Service public

    Informations forums :
    Inscription : Mai 2008
    Messages : 703
    Points : 778
    Points
    778
    Par défaut
    C bon j'ai trouvé
    J'ai fait comme sa en fait:

    dans le heat les fonctions javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    /*foncion qui cache ou afficher le texfield relatif a la création d'un nouveau type.*/
    function afficheNouveauType(){
    	if (document.getElementById('type').value=="autre")
    	{
    		document.getElementById('NouveauType').style.visibility=(true) ? "visible":"hidden"; 
    	}
    	else
    	{
    		document.getElementById('NouveauType').style.visibility=(false) ? "visible":"hidden"; 
    	}
    }
    dans l' balise du menu j'appele la fonction crée:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <select name="type" id="type" onchange="javascript:afficheNouveauType();">
    <option value="type">Type</option>
    <?php
    while ($donneesType = mysql_fetch_array($reponseType))
    {
    echo '<option value='.$donneesType ['NUMEROTYPE'].'>'.$donneesType ['NOMTYPE'].'</option>';
    }
    ?>
    <option value="autre">Autre</option>
    </select>
    et le textfield lui meme:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
     
    <input type="text" name="nouveauType" value="NouveauType" onfocus="javascript:if(this.value=='NouveauType')this.value='';" title="Nom du nouveau type d'entité" id="NouveauType" onblur="if(this.value.length==0){this.value='NouveauType'}" />
    <br />
    Pour finir il me restait pls qu'a apeler la fonction dans le body avec onload pour que le textfield soit cache a l'ouverture de la page

    Merci mille fois

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Affichage valeur dans un formulaire
    Par mulanzia2003 dans le forum IHM
    Réponses: 3
    Dernier message: 06/11/2007, 16h35
  2. "Affichage conditionnel" dans une page JSF
    Par Niniz dans le forum JSF
    Réponses: 2
    Dernier message: 19/07/2007, 12h14
  3. Formatage conditionnel dans le formulaire
    Par vautour29 dans le forum Access
    Réponses: 7
    Dernier message: 05/08/2006, 19h34
  4. Affichage automatique dans un formulaire
    Par Caroclic dans le forum Access
    Réponses: 1
    Dernier message: 19/09/2005, 16h35
  5. [VB.NET] Affichage conditionnel dans un repeater
    Par NicoNGRI dans le forum ASP.NET
    Réponses: 4
    Dernier message: 07/02/2005, 12h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo