11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
J'ai ce code html :
<select name="categories">
<option value="" style="background-color: #D0D0DF;"> :: Nature ::</option>
<option value="animaux-domestiques">Animaux domestiques</option>
<option value="animaux-sauvages">Animaux sauvages</option>
<option value="fleurs">Fleurs</option>
<option value="arbres">Arbres et arbustes</option>
<option value="ciel">Ciel &amp; astres...etc</option>
...etc


Je voudrais savoir si il était possible que lorsqu'une personne sélectionne " :: Nature ::" qu'une fenêtre javascript s'ouvre (pour lui dire de sélectionner une sous catégorie et pas une catégorie...)

J'ai à peine les bases en Javascript, pourriez vous m'aiguiller ?
(même pour une recherche, je ne vois pas trop quels mots clefs utiliser...)

@ +

damien
En gros :
- place un évènement onchange sur le <select>
- dans la fonction que tu associes au onchange, si la value du <select> est "" alors tu affiches la fenêtre javascript (alert())

[éventuellement donne un id au <select> pour pouvoir le pointer plus facilement (grace à document.getElementById())]
Merci beaucoup, c'est ce à quoi je pensais Smiley cligne
Mais il me manquait surtout ceci : this.options[this.selectedIndex].value
et aussi la méthode pour faire une condition ( c'est comme en php en fait Smiley cligne )

Quelques recherches et tout est OK, maintenant je cherche à faire un retour à la ligne dans alert()

@ +

EDIT : pour aller à la ligne, pas de <br> mais des \n !
Modifié par Graph-Site (23 Aug 2005 - 08:14)
heu ta est en train de faire quelque chose de completement inutile, et qui ne fonctionnera pas a tous les coup...


Pour faire un titre dans une liste il existe une balise HTML !
Regarde ce formulaire ! ^^
Les titre ne peuvent pas etre selectionner ! (heuresement lol)

<select id="pays">
	<optgroup label="Europe">
		<option value="france" selected="selected">France</option>
                <option value="allemagne">Allemagne</option>
	</optgroup>
	<optgroup label="Amérique du Nord">
		<option value="etatsunis">&Eacute;tats-Unis</option>
		<option value="canada">Canada</option>
	</optgroup>
</select>
hehe !
en fait, j'ai déjà supprimé ma fonction, car je la sais inutile.
J'ai juste ajouter "disabled" pour les option concernée.

Mais j'avoue que ce que tu proposes me parait beaucoup mieux Smiley smile et sans doute plus correct dans mon cas Smiley smile

Merci beaucoup !

@ +