Discussion :

[deGoer]

Bonjour à tous.

Je voudrais savoir comment créer une liste déroulante avec une arborescence à l'intérieur.
Je m'explique
Ma liste déroulante a pour but la sélection d'un LIEN.
L'objectif est donc d'avoir une liste déroulante ou figurent nom des catégories puis les liens qui s'y rapportent et qui sont selectionnables!

Liste déroulante :

Photos regions de france
-----
>Lien1
>Lien2
>Lien3

Photos divers
------
>Lien1
>Lien2
>Lien3

J'espere que vous avez compris ce que je désirais!

j'ai employer ceci seul facons que j'ai apris.

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<form> 
<p align="center">
<select size="1" onChange="chgpage(this.form)" id="combo">
		<option selected="selected">Choisissez votre rubrique.</option>
  <optgroup label="Regions de France">
		<option value="./photos/als.php">Alsace</option>
		<option value="./photos/aqu.php">Aquitaine</option>
		<option value="./photos/auv.php">Auvergne</option>
		<option value="./photos/bou.php">Bourgogne</option>
		<option value="./photos/bre.php">Bretagne</option>
		<option value="./photos/cen.php">Centre</option>
		<option value="./photos/cha.php">Champagne-Ardenne</option>
		<option value="./photos/cor.php">Corse</option>
		<option value="./photos/fra.php">Franche-Comté</option>
		<option value="./photos/idf.php">Île-de-France</option>
		<option value="./photos/lan.php">Languedoc-Roussillo</option>n
		<option value="./photos/lim.php">Limousin</option>
		<option value="./photos/lor.php">Lorraine</option>
		<option value="./photos/mid.php">Midi-Pyrénées</option>
		<option value="./photos/npc.php">Nord-Pas-de-Calais</option>
		<option value="./photos/bas.php">Basse-Normandie</option>
		<option value="./photos/hau.php">Haute-Normandie</option>
		<option value="./photos/pdl.php">Pays de la Loire</option>
		<option value="./photos/pic.php">Picardie</option>
		<option value="./photos/poi.php">Poitou-Charentes</option>
		<option value="./photos/paca.php">Provence-Alpes-Côte d'Azur</option>
		<option value="./photos/rho.php">Rhône-Alpes</option>
   </optgroup>
   <optgroup label="Photos Divers">
		<option value="">lien1</option>
		<option value="">lien2</option>
   </optgroup>
</select>
</p>
</form>
<hr size="3" width="100%" color="#FFFFFF">

Mais quand je clic sur par exemple Auvergne cela marche pas cela m'enmène pas à la page demander.

Donc je me suis dis je vais mettre l'adresse HTTP complete c'est on jamais bein non pareil sa bouge pas


Dans l'attente d'une réponse de votre pars je vous en remerci d'avance!

Cordialement
Scorpio

[Atomya Rise]

Voici un petit exemple qui t'aidera à y voir un peu plus clair :

Code hmtl :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div align="center">
	<select name="combo" onchange="if(this.options[this.selectedIndex].value != -1){ window.location=this.options[this.selectedIndex].value;}">
		<option value="http://www.google.fr">test</option>
		<option value="http://www.developpez.com">test2</option>
	</select>
</div>

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="window.location=this.value;"

Vu que l'option sélectionnée par défaut correspond à celle de value -1, il y a peu de chances qu'elle soit sélectionnée après le onchange.
D'autre part, la notation this.options[this.selectedIndex].value était utilisée pour des raisons de compatibilité avec de très anciennes versions de IE (jusqu'à la 4 il me semble), elle n'a plus de raison d'être puisque le value du select est plus simple à utiliser.

[Atomya Rise]

J'ai testé le code que j'ai posté et il fonctionne.

En tout cas, merci Bovino ! Je ne savais pas du tout ^^ à dire vrai, je m'en servait encore actuellement j'ai honte maintenant

Encore merci pour ce complément d'information !!