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

HTML Discussion :

Liste/ input texte


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Par défaut Liste/ input texte
    Bonjour a vous :-)
    Je souhaite savoir si il est possible dans une liste d'element, qui en fonction de l'element choisit, affiche sur la meme page des input texte ?

    Voici ma liste :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <FORM>
    <SELECT NAME="l1" SIZE="1"> 
    <OPTION SELECTED VALUE="">-------- Faites votre choix --------
    <OPTION>A1</option>
    <OPTION>A2</option>
    <OPTION>A3</option>
    </SELECT>
    </form>

    Si A1 alors il affiche ca :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <td>Nom : </td>
    <td><input type="text" name="var1"></td>
    <td>Prenom : </td>
    <td><input type="text" name="var2"></td>
    <td>Telephone : </td>
    <td><input type="text" name="var3"></td>
    SI A2 alors :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <td>Age : </td>
    <td><input type="text" name="var4"></td>
    <td>Adresse: </td>
    <td><input type="text" name="var5"></td>
    SI A3 alors :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <td>Taille : </td>
    <td><input type="text" name="var6"></td>
    <td>Poids : </td>
    <td><input type="text" name="var7"></td>
    <td>IMC : </td>
    <td><input type="text" name="var8"></td>
    <td>objectif : </td>
    <td><input type="text" name="var9"></td>

  2. #2
    Membre expérimenté
    Profil pro
    Inscrit en
    Février 2007
    Messages
    265
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 265
    Par défaut
    salut,

    oui tu peux mais ça sera en javascript

    Tu implémente l'évènement onchange sur ton select.
    A chaque fois que l'utilisateur change l'élément de la liste tu récupères quel élément a été sélectionné grâce à l'attribut selectedIndex.

    Du coup tu affiche/cache les div contenant les bouts de formulaire que tu as mis et voila!

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Par défaut
    Oula je crois que je suis loin de la solution tu aurait un exemple de cette manip ( sur un autre post par exemple ) ?

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Oui ici juste en dessous de ton message

    Le script javascript que j'y propose réactualise la page, en y plaçant une variable que tu récupère par $_GET (php) ensuite tu peut faire ce que tu veux...

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Par défaut
    Merci, mais ce n'est pas ce que je veux faire, en faite ta methode fonctionne mais elle envoie les variables sur une autre page, or moi je voudrais que cela s'affiche sur la meme page dans un premier temps si le visiteur choisit A1 alors il affiche tel input texte , et apres les variable sont envoyer sur une autre page.

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    En effet mais suffit d'adapter ce code : dans le value tu places le nom de ta page, et elle sera réaffichée...

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Par défaut
    Ma page s'appelle bien ainsi ( la page sur laquelle je travaille ou j'ai inserer le code).
    concernant le javascript il n'y en a pas dans mon script si je dis pas de betise ( j'en fait souvent ^^ ).

  8. #8
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Relis voir mon message, je te proposais un code composé de html (le select) et du javascript qui permettait de réafficher la page...

    Voici le code que je proposais : http://www.developpez.net/forums/sho...60&postcount=9

    Donc il y a bien du javascript, alors si tu ne le mets pas ben ça marche pas !

  9. #9
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Par défaut
    Merci ca marche nickel !!!!!!
    Vraiment nickel, un seul petit bémol si il existe plus de 2 élément dans la liste, je décale le "else du php" ?

  10. #10
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Citation Envoyé par yuyu599 Voir le message
    Merci ca marche nickel !!!!!!
    Vraiment nickel, un seul petit bémol si il existe plus de 2 élément dans la liste, je décale le "else du php" ?
    Je dois dire que je ne comprends pas trop le sens de ta question. Si tu as plus de 2 éléments tu rajoutes des elseif à la fin :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <?php
    if ($_GET['id'] == '1') {
    ?>
    là tu affiches ce que tu veux...
    <?php
    } elseif ($_GET['id'] == '2') {
    ?>
    second affichage alternatif
    <?php
    } elseif ($_GET['id'] == '3') {
    ?>
    troisième affichage alternatif
    <?php
    } elseif ($_GET['id'] == '4') {
    ?>
    quatrieme affichage alternatif
    <?php
    }
    ?>
    etc...

  11. #11
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Par défaut
    Oui c'etait le sens de ma question :-)
    En tous cas chapeau et grand merci car grace a ton aide je vais pouvoir mieux me debrouiller !! , big merci :-)

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

Discussions similaires

  1. Liste deroulante et 3 champs input=text ?
    Par isa150183 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 23/07/2006, 00h08
  2. Lier checkbox, liste déroulante et input texte
    Par pymouse dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/05/2006, 14h58
  3. Lier checkbox, liste déroulante et input texte
    Par pymouse dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 18/05/2006, 11h32
  4. Comment recuperer la liste des input text d'un formulaire.
    Par luimême dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 16/01/2006, 14h34
  5. fonction combinée: liste de choix + input text
    Par jflebegue dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 01/09/2005, 18h38

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