Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
661 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Texte qui apparaît seulement si champ formulaire sélectionné

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Texte qui apparaît seulement si champ formulaire sélectionné

n°1849552
ingeniomat​ique
Posté le 10-02-2009 à 18:18:51  profilanswer
 

Bonjour à tous,
 
Lors de mon inscription j'ai une liste déroulante pour choisir le pays : France, Belgique, Suisse...etc
 
J'aimerais que SI ET SEULEMENT SI l'utilisateur sélectionne "BELGIQUE" un texte s'affiche sur ma page.
 
Merci de m'aider par rapport à ça :)
 
Excellente soirée à tous,
Antoine

mood
Publicité
Posté le 10-02-2009 à 18:18:51  profilanswer
 

n°1849555
Profil sup​primé
Posté le 10-02-2009 à 18:28:30  answer
 

sur le formulaire ou au moment du traitement ?

n°1849557
ingeniomat​ique
Posté le 10-02-2009 à 18:37:11  profilanswer
 

Sur le formulaire, pile au moment où on sélectionne BELGIQUE, un texte s'affiche en dessous du formulaire
 
Merci d'avance

n°1849559
Profil sup​primé
Posté le 10-02-2009 à 18:42:31  answer
 

Alors il faut que tu appelles une fonction lors de l'évènement "onchange" du select :

Code :
  1. <script>
  2. function select(option) {
  3.     alert(option.value);
  4. }
  5. </script>
  6. <select name="machin" onchange="select(this);">
  7. <option value="1">France</option>
  8. <option value="2">Belgique</option>
  9. <option value="3">Suisse</option>
  10. </select>

n°1849562
ingeniomat​ique
Posté le 10-02-2009 à 18:54:11  profilanswer
 

Désolé je n'ai pas tout compris...
 
<select name="pays">
<option value="1">France</option>
<option value="2">Belgique</option>
<option value="3">Suisse</option>
</select>
 
Comment faire pour que si l'user sélectionne BELGIQUE, un texte de mon choix s'affiche sur la page juste en dessous.... ?
 
Merci !!!

n°1849563
Profil sup​primé
Posté le 10-02-2009 à 19:00:23  answer
 

bah, tu modifies la fonction select de mon code pour qu'elle change la valeur d'une DIV vide placée en dessous du select !

Code :
  1. <script>
  2. function select(option) {
  3.     if(option.value == 1) {
  4.         document.getElementById('text').innerHTML = 'Capitale Paris';
  5.     } else if(option.value == 2) {
  6.         document.getElementById('text').innerHTML = 'Capitale Bruxelles';
  7.     } else {
  8.         document.getElementById('text').innerHTML = 'Capitale Berne';
  9.     }
  10. }
  11. </script>
  12. <select name="machin" onchange="select(this);">
  13. <option value="1">France</option>
  14. <option value="2">Belgique</option>
  15. <option value="3">Suisse</option>
  16. </select>
  17. <div id="text"></div>

n°1849570
ingeniomat​ique
Posté le 10-02-2009 à 19:26:06  profilanswer
 

Merci...
Je suis en train d'essayer sauf que dans le innerHTML='' je souhaiterais insérer un <script langage="javascript" src=....
Et cela ne fonctionne pas compte tenu des guillemets.
Une solution ?

n°1849672
Profil sup​primé
Posté le 11-02-2009 à 09:09:21  answer
 

non mais [:prozac]
Tu es dans une fonction JS donc tu exécutes les instructions directement à la place du document.getElementById !
Lis un tuto javascript, tu n'arriveras pas à rien si tu ne sais pas ce que tu fais ;)

n°1914942
ingeniomat​ique
Posté le 13-08-2009 à 19:51:33  profilanswer
 

Pouvez-vous adapter mon code et m'expliquer ?
 
Je compte me former pendant 1 bon mois à tout ça mais là c'est urgent comme aide :(
Merci par avance.

n°1915094
Pascal le ​nain
Posté le 14-08-2009 à 10:42:46  profilanswer
 

ingeniomatique a écrit :

Merci...
Je suis en train d'essayer sauf que dans le innerHTML='' je souhaiterais insérer un <script langage="javascript" src=....
Et cela ne fonctionne pas compte tenu des guillemets.
Une solution ?


 
Pour mettre des guillemets dans une chaine délimitée elle-même par des guillemets, il faut l'échapper avec un backslash juste avant.
 

Code :
  1. var toto = "Il m'a dit \"Salut mec\"!";


 
Mais autant prendre des bonnes habitudes pour php :
 

Code :
  1. var toto = 'Il m\'a dit "Salut mec"!';


 
Préfère toujours les apostrophes (single quote) aux guillemets (double quote) en javascript et php.


Message édité par Pascal le nain le 14-08-2009 à 10:45:08
mood
Publicité
Posté le 14-08-2009 à 10:42:46  profilanswer
 

n°1915108
pataluc
Posté le 14-08-2009 à 11:02:45  profilanswer
 

ingeniomatique a écrit :

Pouvez-vous adapter mon code et m'expliquer ?
 
Je compte me former pendant 1 bon mois à tout ça mais là c'est urgent comme aide :(
Merci par avance.


 
 
d'où le UP 6 mois plus tard...  :heink:  
 
ca devait être urgent effectivement.  :D

n°1915115
Pascal le ​nain
Posté le 14-08-2009 à 11:06:18  profilanswer
 

pataluc a écrit :


 
 
d'où le UP 6 mois plus tard...  :heink:  
 
ca devait être urgent effectivement.  :D


 
Haha j'avais pas grillé  :lol:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Texte qui apparaît seulement si champ formulaire sélectionné

 

Sujets relatifs
supprimer une partie de chaine dans un fichier texte windows ?Récupération des données d'un formulaire
[PHP / MySQL] Saisie de texte et formatageRemplacer texte entre deux balises html ?
Conjuger un formulaire et une liste d'itemsAS3 : &eacute; n'est pas converti dans un champ htmlText
Controle de formulaire html, controle javascript par fonctionLogiciel pour lire le texte dans une image en Java
plusieurs enregistrements pour un seul formulaire[CSS] Probleme centrage texte
Plus de sujets relatifs à : Texte qui apparaît seulement si champ formulaire sélectionné


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR