Liste déroulante
clovis
-
ipl Messages postés 5738 Statut Contributeur sécurité -
ipl Messages postés 5738 Statut Contributeur sécurité -
Salut tout le monde
je voudrais créer une liste déroulante avec des mots . Lorsque l'on sélectionne un mot dans la liste et que l'on fait OK sur un bouton , la définition de ce mot apparaît sous forme de popup,de message contextuel, ou d'info bule
j'ai regardé dans les formulaires ( dreamweaver MX ) mais je n'ai pas trouvez pas comment faire. si c'est pas possible avec dreamweaver on passe pas des javascripts ? peu t-on éviter le php?
merci pour les réponses.
Clovis
je voudrais créer une liste déroulante avec des mots . Lorsque l'on sélectionne un mot dans la liste et que l'on fait OK sur un bouton , la définition de ce mot apparaît sous forme de popup,de message contextuel, ou d'info bule
j'ai regardé dans les formulaires ( dreamweaver MX ) mais je n'ai pas trouvez pas comment faire. si c'est pas possible avec dreamweaver on passe pas des javascripts ? peu t-on éviter le php?
merci pour les réponses.
Clovis
A voir également:
- Liste déroulante
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Site dangereux liste - Guide
21 réponses
Bonsoir Clovis, bonsoir à tous,
Tiens Clovis, recopie ces lignes dans un fichier XXX.html et lance le !
la popup s'ouvre sans bouton OK (si tu veux en ajouter un, ce n'est pas difficile !)
Dis moi si çà te convient... remplace les adresses par des pages d'explications -éventuellement des ancres-)
@12C4
Ipl
Tiens Clovis, recopie ces lignes dans un fichier XXX.html et lance le !
la popup s'ouvre sans bouton OK (si tu veux en ajouter un, ce n'est pas difficile !)
Dis moi si çà te convient... remplace les adresses par des pages d'explications -éventuellement des ancres-)
@12C4
Ipl
Zut, j'ai oublié le principal ;-)
-----
<select name="service" onChange="window.open(this.options[this.selectedIndex].value,'_blank','left=100,top=200,width=300,height=400')">
<option value="javascript: self.reload" selected>---Quelques explications ?---
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aegidius#aegidius">Aegidius</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aetius#aetius">Aetius</option>
<option value="http://clovis1er.free.fr/496alamanstolbiac.htm">Alamans</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric1#alaric1">Alaric 1er</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric2#alaric2">Alaric II</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#amalaric#amalaric">Alamaric</option>
</select>
-----
@12C4
Ipl
-----
<select name="service" onChange="window.open(this.options[this.selectedIndex].value,'_blank','left=100,top=200,width=300,height=400')">
<option value="javascript: self.reload" selected>---Quelques explications ?---
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aegidius#aegidius">Aegidius</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aetius#aetius">Aetius</option>
<option value="http://clovis1er.free.fr/496alamanstolbiac.htm">Alamans</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric1#alaric1">Alaric 1er</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric2#alaric2">Alaric II</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#amalaric#amalaric">Alamaric</option>
</select>
-----
@12C4
Ipl
Personnellement je préfère :
<select name="service" onChange="if (this.selectedIndex != 0) {window.open(this.options[this.selectedIndex].value,'_blank','left=100,top=200,width=300,height=400'); }">
<option selected>---Quelques explications ?---
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aegidius#aegidius">Aegidius</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aetius#aetius">Aetius</option>
<option value="http://clovis1er.free.fr/496alamanstolbiac.htm">Alamans</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric1#alaric1">Alaric 1er</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric2#alaric2">Alaric II</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#amalaric#amalaric">Alamaric</option>
</select>
Suppression du javascrip: reload et ajout d'un test sur le premier élément sélectionné.
<select name="service" onChange="if (this.selectedIndex != 0) {window.open(this.options[this.selectedIndex].value,'_blank','left=100,top=200,width=300,height=400'); }">
<option selected>---Quelques explications ?---
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aegidius#aegidius">Aegidius</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aetius#aetius">Aetius</option>
<option value="http://clovis1er.free.fr/496alamanstolbiac.htm">Alamans</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric1#alaric1">Alaric 1er</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric2#alaric2">Alaric II</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#amalaric#amalaric">Alamaric</option>
</select>
Suppression du javascrip: reload et ajout d'un test sur le premier élément sélectionné.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour Bobinours,
Merci pour tes précisions dans tes interventions cette nuit... tu as écumé le forum "Programmation" ! content de te croiser !
;-)
@12C4
Ipl
Merci pour tes précisions dans tes interventions cette nuit... tu as écumé le forum "Programmation" ! content de te croiser !
;-)
@12C4
Ipl
Bonjour Bobinours,
>Je suis complétement mort aujourd'hui
LOL c'est sûr ! si tu t'es couché à 5h et levé à 6 !!!
Stp, peux-tu me donner quelques explications (succintes) ? pourquoi préfères-tu ta soluce ? pourquoi n'aimes-tu pas mon reload ?
Merci pour tes explications !
Bonne journée,
@12C4
Ipl
>Je suis complétement mort aujourd'hui
LOL c'est sûr ! si tu t'es couché à 5h et levé à 6 !!!
Stp, peux-tu me donner quelques explications (succintes) ? pourquoi préfères-tu ta soluce ? pourquoi n'aimes-tu pas mon reload ?
Merci pour tes explications !
Bonne journée,
@12C4
Ipl
Je te rassure, je ne me suis pas levé à 6h :o))
Je ne fais pas confiance au JavaScript dans des attributs.
Si tu veux absoluement le faire, fais :
value="javascript: self.location.reload(true)"
De plus, je ne pense pas qu'il y ait un intérêt à recharger la page alors qu'on peux empêcher l'execution ;-)
Je ne fais pas confiance au JavaScript dans des attributs.
Si tu veux absoluement le faire, fais :
value="javascript: self.location.reload(true)"
De plus, je ne pense pas qu'il y ait un intérêt à recharger la page alors qu'on peux empêcher l'execution ;-)
Ach... Comment tu sais ça toi :oD
J'aime bien le ski, mais de là à dire "un adepte"...
J'ai bien des projets de week-end au ski, mais rien de concret.
J'aime bien le ski, mais de là à dire "un adepte"...
J'ai bien des projets de week-end au ski, mais rien de concret.
salut tout le monde
je vois que vous avez bossé pendant que je n'étais pas la.
c'est pas mal ça IDL , et tout ça en pensant au ski pour ce we!
comme tu dis avec un bouton ça devrait le faire aussi, tu peux m'en ajouter 1 ?
encore merci
Clovis
je vois que vous avez bossé pendant que je n'étais pas la.
c'est pas mal ça IDL , et tout ça en pensant au ski pour ce we!
comme tu dis avec un bouton ça devrait le faire aussi, tu peux m'en ajouter 1 ?
encore merci
Clovis
Bobinours excuse moi j'avais pas vu que le 2ème script était de toi.
et en + plus c'est toi le skieur ( j'ai tout faux ce matin ) pourtant moi je dors la nuit !!
alors pour le bouton peus tu m'en ajouter 1 ,
merci d'avance
Clovis
et en + plus c'est toi le skieur ( j'ai tout faux ce matin ) pourtant moi je dors la nuit !!
alors pour le bouton peus tu m'en ajouter 1 ,
merci d'avance
Clovis
Salut Clovis, salut à tous,
Bobinours doit être au ski du côté des Alpes de Haute-Provence (sûrement Praloup ! c'est çà Bobi ?) ;-) Bobi... j'ai ta photo, en plein saut, sur mon disque dur (çà date d'un soir sur le chat d'All-Html) !
Clovis, voici le script avec bouton (mais c'est mieux sans) :
<form><select name="service">
<option selected>---Quelques explications ?---</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aegidius#aegidius">Aegidius</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aetius#aetius">Aetius</option>
<option value="http://clovis1er.free.fr/496alamanstolbiac.htm">Alamans</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric1#alaric1">Alaric 1er</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric2#alaric2">Alaric II</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#amalaric#amalaric">Alamaric</option>
<input type="button" value="Go!" onclick="window.open(form.service.options[form.service.selectedIndex].value,'quizz','left=100,top=200,width=300,height=400'); quizz.focus(); return false;">
</select></form>
Inconvénient : on doit refermer la fenêtre ! sinon, la prochaine ouverture se fait en arrière plan ! :-( je cherche toujours à coder mon focus correctement !
@12C4
Ipl
Bobinours doit être au ski du côté des Alpes de Haute-Provence (sûrement Praloup ! c'est çà Bobi ?) ;-) Bobi... j'ai ta photo, en plein saut, sur mon disque dur (çà date d'un soir sur le chat d'All-Html) !
Clovis, voici le script avec bouton (mais c'est mieux sans) :
<form><select name="service">
<option selected>---Quelques explications ?---</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aegidius#aegidius">Aegidius</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#aetius#aetius">Aetius</option>
<option value="http://clovis1er.free.fr/496alamanstolbiac.htm">Alamans</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric1#alaric1">Alaric 1er</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#alaric2#alaric2">Alaric II</option>
<option value="http://clovis1er.free.fr/autrespersonnages.htm#amalaric#amalaric">Alamaric</option>
<input type="button" value="Go!" onclick="window.open(form.service.options[form.service.selectedIndex].value,'quizz','left=100,top=200,width=300,height=400'); quizz.focus(); return false;">
</select></form>
Inconvénient : on doit refermer la fenêtre ! sinon, la prochaine ouverture se fait en arrière plan ! :-( je cherche toujours à coder mon focus correctement !
@12C4
Ipl
c'est vrai que sans le bouton c'est mieux
j'ai installé le script sur un site intranet ça marche super.
encore merci
A+ Clovis
j'ai installé le script sur un site intranet ça marche super.
encore merci
A+ Clovis
:-)
... Ca serait les Orres et je ne suis as encore parti.
Ipl : C'est chouette. Tu fais le travail et moi je j'améliore, c'est moins fatiguant :o)
Quelques points :
- sortir le bouton du </SELECT> en fermant la balise avant.
- le "return false" ne sert à rien sur un bouton (seulment sur les liens).
- l'éléments formulaire doit être accédé avec : "this.form" et pas seulement "form" ("this" étant l'objet bouton et "form" sa propriété pointant vers son formulaire).
- pour focaliser sur une popup, il faut déclarer un objet "quizz" qui reçoit le pointeur renvoyé par la fonction "window.open()".
Ce qui doit donner :
</select>
<input type="button" value="Go!" onclick="quizz = window.open(this.form.service.options[this.form.service.selectedIndex].value, 'quizz', 'left=100,top=200,width=300,height=400'); quizz.focus(); ">
</form>
... Ca serait les Orres et je ne suis as encore parti.
Ipl : C'est chouette. Tu fais le travail et moi je j'améliore, c'est moins fatiguant :o)
Quelques points :
- sortir le bouton du </SELECT> en fermant la balise avant.
- le "return false" ne sert à rien sur un bouton (seulment sur les liens).
- l'éléments formulaire doit être accédé avec : "this.form" et pas seulement "form" ("this" étant l'objet bouton et "form" sa propriété pointant vers son formulaire).
- pour focaliser sur une popup, il faut déclarer un objet "quizz" qui reçoit le pointeur renvoyé par la fonction "window.open()".
Ce qui doit donner :
</select>
<input type="button" value="Go!" onclick="quizz = window.open(this.form.service.options[this.form.service.selectedIndex].value, 'quizz', 'left=100,top=200,width=300,height=400'); quizz.focus(); ">
</form>
j'ai tout compris pourquoi Bobinours nous sort des srcipts en veut tu en voila , je suis allé voir ton site et ton CV, impressionnant.
Hé hé ;-)
C'est pas vraiment le CV qui compte. Ce sont les heures passées à développer et tester des scripts HTML/JavaScript.
C'est pas vraiment le CV qui compte. Ce sont les heures passées à développer et tester des scripts HTML/JavaScript.
le CV c'est quand même le reflet du travail accompli et la je vois que tu n'a pas chomé. Ce que je veux dire c'est que l'on ne s'improvise pas informatitien du jour au lendemain c'est beaucoup de travail et on en voit le résultat. Ce que j'apprécie c'est que toi ( et tous les autres webmaster ) tu fais profiter ton savoir à travers les conseils ( et les srcipts ) que tu donnes à tous ceux qui ne savent pas , et gratuitement.
A+ sur le forum
Clovis
A+ sur le forum
Clovis
Bonsoir Bobinours, bonsoir à tous,
Tu es super Bobi !
>Ipl : C'est chouette. Tu fais le travail et moi je j'améliore, c'est
>moins fatiguant :o)
C'est super de lire tes interventions !
Personnellement, j'essaie de résoudre le problème tant bien que mal (avec quelques approximations) et tu viens peaufiner la chose en mettant le doigt sur les erreurs à ne pas commettre... ce qui me permet de bien assimiler (car j'ai déjà réfléchi au sujet).
Il y a quelques mois, j'ai créé une page sur les imperfections possibles dans la codification d'un lien hypertexte ( http://gerard.melone.free.fr/LaboWeb/liens_php.html ) -j'avais demandé ton autorisation- ; si tu le permets, je vais faire de même avec les "ouvertures de popups en série"...
Cette page sera à la disposition des webmestres dans "mon LaboWeb".
@12C4
Ipl
Tu es super Bobi !
>Ipl : C'est chouette. Tu fais le travail et moi je j'améliore, c'est
>moins fatiguant :o)
C'est super de lire tes interventions !
Personnellement, j'essaie de résoudre le problème tant bien que mal (avec quelques approximations) et tu viens peaufiner la chose en mettant le doigt sur les erreurs à ne pas commettre... ce qui me permet de bien assimiler (car j'ai déjà réfléchi au sujet).
Il y a quelques mois, j'ai créé une page sur les imperfections possibles dans la codification d'un lien hypertexte ( http://gerard.melone.free.fr/LaboWeb/liens_php.html ) -j'avais demandé ton autorisation- ; si tu le permets, je vais faire de même avec les "ouvertures de popups en série"...
Cette page sera à la disposition des webmestres dans "mon LaboWeb".
@12C4
Ipl
