Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML
HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 31/12/2011, 10h30   #1
Invité de passage
 
Homme Pierre
Technicien maintenance
Inscription : octobre 2011
Messages : 2
Détails du profil
Informations personnelles :
Nom : Homme Pierre
Localisation : France, Puy de Dôme (Auvergne)

Informations professionnelles :
Activité : Technicien maintenance
Secteur : Associations - ONG

Informations forums :
Inscription : octobre 2011
Messages : 2
Points : 1
Points : 1
Par défaut Redirection à partir d'un select

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 :
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
deGoer est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/12/2011, 12h10   #2
Membre Expert
 
Avatar de Atomya Rise
 
Femme Emilie Lefol
En recherche d'emploi
Inscription : février 2009
Messages : 411
Détails du profil
Informations personnelles :
Nom : Femme Emilie Lefol
Âge : 26
Localisation : France, Somme (Picardie)

Informations professionnelles :
Activité : En recherche d'emploi
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : février 2009
Messages : 411
Points : 1 277
Points : 1 277
Voici un petit exemple qui t'aidera à y voir un peu plus clair :

Code hmtl :
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>
__________________

Si un message vous a aidé, pensez à voter positivement pour lui ! Merci
Pas de question technique en privé
- Si on criait sur la place publique les fautes de tout le monde, on ne pourrait plus fréquenter personne ! (Marcel Pagnol)
- Technocrates, c’est les mecs que, quand tu leur poses une question, une fois qu’ils ont fini de répondre, tu comprends plus la question que t’as posée. (Coluche)
Atomya Rise est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/01/2012, 08h16   #3
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 808
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 808
Points : 35 787
Points : 35 787
Code :
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.
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 20
Vieux 02/01/2012, 12h17   #4
Membre Expert
 
Avatar de Atomya Rise
 
Femme Emilie Lefol
En recherche d'emploi
Inscription : février 2009
Messages : 411
Détails du profil
Informations personnelles :
Nom : Femme Emilie Lefol
Âge : 26
Localisation : France, Somme (Picardie)

Informations professionnelles :
Activité : En recherche d'emploi
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : février 2009
Messages : 411
Points : 1 277
Points : 1 277
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 !!
__________________

Si un message vous a aidé, pensez à voter positivement pour lui ! Merci
Pas de question technique en privé
- Si on criait sur la place publique les fautes de tout le monde, on ne pourrait plus fréquenter personne ! (Marcel Pagnol)
- Technocrates, c’est les mecs que, quand tu leur poses une question, une fois qu’ils ont fini de répondre, tu comprends plus la question que t’as posée. (Coluche)
Atomya Rise est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 08h42.


 
 
 
 
Partenaires

Hébergement Web