CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

menu deroulant + textaera

mp16
mp16
Niveau 9
09 décembre 2006 à 12:45:15

Salut,
Mon probleme est le suivant. Je desire crée un un menu deroulant avec 2 choix.

<select><option>1</option><option>2</option></sele
ct>

J´aimerais que lorsque l´on change de selection, cela modifie le texte du textaera en ajoutant la valeur de l´option choisi. J´ai recueilli quelques informations sur la fonction onchange, mais je ne sais pas m´en servir. Pour l´instant j´ai sa
<input name="titre" type="text" value="{message_titre}" size="45" maxlength="50">

<SELECT><option>[Vends]</option><option>[Achète]</
option></select>

Merci de votre aide.

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 13:15:22

Quel est ton niveau en développement web ?
- xhtml
- css
- Javascript
- PHP

mp16
mp16
Niveau 9
09 décembre 2006 à 13:38:25

Tres bas en niveau, je voudrais juste un truc qui marche tous simplement sans trop se prendre la tete. Le cote est a ajouter dans une page template d´un forum.

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 13:42:01

Pour ton menu déroulant, j´imagine que tu veux que l´affichage dans le textarea se fasse de façon dynamique, c´est à dire sans que la page se recharge, je me trompe :question:

mp16
mp16
Niveau 9
09 décembre 2006 à 13:45:09

Oui c´est le cas.

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:01:01

Tu seras obligé d´utiliser du Javascript.
Bon, on va commencer par donner un identifiant (en rajoutant un paramètre id) à ton input (à ne pas confondre avec le textarea qui est une zone de texte multi-ligne) afin que JS le retrouve facilement :
<input name="titre" type="text" id="titre" value="{message_titre}" size="45" maxlength="50">

ensuite pour ta liste on fera quelque chose du genre :
<select
onchange="document.getElementById(´titre´).value=t
his.value">
<option>[Vends]</option>
<option>[Achète]</
option>
</select>

document.getElementById(´titre´).value :d) valeur de l´élément du document qui a pour id ´titre´.
this.value :d) valeur de l´élément courant

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:04:49

j´ai oublié un paramètre à la balise select :
<select name="choix"

onchange="document.getElementById(´titre´).value=t
his.value">

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:13:23

Désolé, ça ne fonctionne pas !
Laisses-moi un moment, je teste et je te donne ça :ok:

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:22:44

Voilà :
<select onchange="document.getElementById(´titre´).value = this[this.selectedIndex].value">
<option>[Vends]</option>
<option>[Achète]</option>
</select>
<br />
<input type="text" name="titre" id="titre" value="" size="45" maxlength="50">

Je détaille :
document.getElementById(´titre´).value => valeur de l´élément du document ayant pour id ´titre´
this.selectedIndex => index sélectionné de l´élément en cours
this[0].value => valeur du 1er élément enfant de l´élément en cours
this[n].value => valeur du nième élément enfant de l´élément en cours (le 1er étant 0)

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:24:31

Pour ton input, tu peux continuer à préciser la valeur par défaut comme tu le faisais avant :
<input type="text" name="titre" id="titre" value="{message_titre}" size="45" maxlength="50" />

mp16
mp16
Niveau 9
09 décembre 2006 à 14:29:39

Sa marche pas, j´obtiens rien. :(

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:41:35

:gne:

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:43:18

Tu es un utilisateur d´IE :question:
En tout cas, celà fonctionne nickel sur Firefox et Opera.
Je vais voir ça pour IE !

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 14:58:49

IE et ça façon d´interprêter les standard :diable: :-((

Bon, j´ai quelque chose qui fonctionne avec IE7 :
<select id="liste" onchange="document.getElementById(´titre´).value = this.options[this.selectedIndex].innerHTML">
<option>[Vends]</option>
<option>[Achète]</option>
</select>
<br />
<input type="text" name="titre" id="titre" value="" size="45" maxlength="50">

this.options[n].innerHTML => texte se trouvant entre les balises <option> et </options> de la nième option de la liste

mp16
mp16
Niveau 9
09 décembre 2006 à 15:35:31

Sa ne marche ni sous firefox, ni sous IE. Peut etre un probleme de comment je la met en page.

Pour tester, j´ai mis dans cette page tu peu me dis si c´est correctement mis.

htpp://www.insomniacphil.123.fr/test.html

mp16
mp16
Niveau 9
09 décembre 2006 à 15:36:17

oups erreur de frappe

http://www.insomniacphil.123.fr/test.html

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 16:09:05

Tiens, tu pourras récupérer mon code qui fonctionne à cette adresse :
http://www.geneweb.fr/wall-Q9LGCtLL-xhtml.htm

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 16:12:40

Le problème quand on met du code dans ce forum c´est qu´il transforme les apostrophes ´ en ` lesquelles ne sont pas interprêtées de la même façon, ce qui fait que quand on fait un copier/coller dans son fichier, la page a de fortes probabilitées de ne pas s´afficher correctement !

darth-bane
darth-bane
Niveau 10
09 décembre 2006 à 16:13:43

´ = touche 4 du clavier
` = AltGr + touche 7 du clavier

mp16
mp16
Niveau 9
09 décembre 2006 à 16:38:08

merci c´est cool sa marche impec

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment