Accueil > Forum > > > > Listes déroulantes
 Listes déroulantes
lundi 21 novembre 2011 à 13:07:05 |
Listes déroulantes
Guy72
|
Bonjour,
Sur mon site, je cherche à faire une liste déroulante, j'ai bien un modèle qui me plairais, mais ça ne fonctionne pas.
Voilà ce que cela donne.
[url=http://meteoclopiniere.olympe-network.com/Essai 2.html][/url]
Ma liste 1 comprendrait pour l'instant:
Année 2010
Année 2011
Ma liste 2 comprendrait les mois
Janvier
Février
etc......
Je souhaiterais:
1) Clic sur la flèche de la list 1
2) Choisir l'année
3) Clic sur la flèche de la liste 2
4) Choisir le mois, qui me dirige vers la page html
Par exemple : Si je clic sur Janvier, cela doit me dirriger vers "Ciel.html"
Je ne sais pas comment faire pour lier la page.
"Ciel.html"
Merci de votre aide
Cordialement Guy |
|
mardi 22 novembre 2011 à 14:03:52 |
Re : Listes déroulantes
stephelle
|
Salut Guy,
Je pense qu'il faut que tu mette ta page en PHP et que tu te créé une table SQL.
|
|
mardi 22 novembre 2011 à 15:20:36 |
Re : Listes déroulantes
galled
|
Bonjour,
Regarde pour un redirect en javascript et l'évènement onChange de javascript sur google tu devrais trouver ce que tu cherche.
|
|
mardi 22 novembre 2011 à 16:45:59 |
Re : Listes déroulantes
buno
|
Hello,
Je plussoie galled:
Code HTML : <html>
<head>
<script type="text/javascript">
<!--
function onChange()
{
window.location="http://www.google.fr";
}
//-->
</script>
</head>
<body>
<select id="select" name="select" size="1" onchange="onChange();">
<option value="default">Veuillez sélectionner une option</option>
<option value="opt1">option1</option>
<option value="opt1">option2</option>
<option value="opt1">option3</option>
</select>
</body>
</html>@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai... |
|
mardi 22 novembre 2011 à 18:05:16 |
Re : Listes déroulantes
Guy72
|
Bonsoir,
Oui d'accord, mais il n'y a qu'une liste.
Finalement, je cherche une 3ème liste
Cordialement Guy
|
|
mardi 22 novembre 2011 à 20:22:49 |
Re : Listes déroulantes
buno
|
Suit le même principe: une callback "onchange" dans laquelle tu fais ce que bon te semble
@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
|
|
mercredi 23 novembre 2011 à 09:06:43 |
Re : Listes déroulantes
Guy72
|
Bonjour,
Je vis voir ça, mais je n'y crois pas, car :
une callback "onchange", je ne sais pas ce que ça veut dire 
Cordialement Guy
|
|
mercredi 23 novembre 2011 à 09:21:14 |
Re : Listes déroulantes
buno
|
Tu as un exemple avec 2 listes.
Je t'ai fait un exemple de redirection de page après sélection dans une liste.
Il reste à afficher la bonne page suivant le mois choisi...
Je te laisse essayer de mettre ça ensemble maintenant*
Néanmoins, si tu n'y arrives toujours pas, repasses par ici et je te filerais un coup de main.
* rien de méchant, c'est juste à titre didactique car, pour moi, "on ne donne pas à un eskimau un poisson, on lui apprend à pêcher"
@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
|
|
mercredi 23 novembre 2011 à 10:41:45 |
Re : Listes déroulantes
buno
|
Re,
Voici un exemple un peu plus complet.
Code HTML : <html>
<head>
<script type="text/javascript">
<!--
function onChange()
{
// récupération de l'année en 2 étapes:
// - on parcours la hiérarchie d'éléments pour connaître l'index de l'élément sélectionné dans la liste 'annee'
// - on récupère le texte associée à cet index
var index_annee = document.getElementById('annee').selectedIndex;
var annee = document.getElementById('annee').options[index_annee].text;
// on fait la même chose pour les mois
var mois = document.getElementById('mois').options[document.getElementById('mois').selectedIndex].text;
// on affiche le résultat
alert('vous avez sélectionné ' + mois + ' ' + annee);
// pour une redirection suivant les sélections, c'est à voir
// admettons que le lien à afficher dépend de l'année et du mois
// il suffit de concaténer les résultat pour avoir, par exemple http://www.monsite.com/2008/octobre.html
//var url = 'http://www.monsite.com/' + annee + '/' + mois + '.html";
//window.location=url;
}
//-->
</script>
</head>
<body>
<!-- liste déroulante pour les années -->
<select id="annee" name="annee" size="1">
<option value="">2011</option>
<option value="">2010</option>
<option value="">2009</option>
<option value="">2008</option>
</select>
<!-- liste déroulantes pour les mois -->
<select id="mois" name="mois" size="1" onchange="onChange();">
<option value="">Janvier</option>
<option value="">Février</option>
<option value="">Mars</option>
<option value="">Avril</option>
<option value="">Mai</option>
<option value="">Juin</option>
<option value="">Juillet</option>
<option value="">Août</option>
<option value="">Septembre</option>
<option value="">Octobre</option>
<option value="">Novembre</option>
<option value="">Décembre</option>
</select>
</body>
</html>@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai... |
|
mercredi 23 novembre 2011 à 16:31:30 |
Re : Listes déroulantes
buno
|
Re,
Est-ce que cela correspond à tes attentes?
@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
|
|
Cette discussion est classée dans : clic, liste, html, listes, année
 Répondre à ce message
 Sujets en rapport avec ce message
Synchronizer 3 listes déroulantes [ par iomega ]
Bonjour à tous je voudrai savoir si c'est possible en javascript de synchronizer 3 listes déroulange c'est-à-dire que dans la 1ère j'ai mes titres dan
Valeurs de listes [ par dellechan ]
Bonjour,function selectl(l, c){form1.l.options.value = c;}-->Voici un petit script, où la variable l représente le nom de la liste, et c, la valeur à
Comparaison entre deux listes box [ par weibechr ]
Bonjour,j'aimerais savoir comment faire simplement une comparaison entre deux listes box,ex: liste1 je sélection le texte C liste 2 le texte D Ré
liste déroulante, requête et calcul [ par nioof42 ]
Bonjour,Je commence à peine le javascript et encore avec Dreamweaver et j'ai un gros problème:j'ai au moins 2 listes déroulantes liée à une base de do
Liste HTML [ par Baba Cool ]
J’aimerais savoir si il est possible de créer un liste déroutante en html en avec deux colonnes (comme sur accès), pour sélectionner une ligne qui ser
Listes déroulantes qui ont un lien entre elles [ par fa0007 ]
Da hello ! Bon, je suis un gros débutant en javascript, voici pour ma présentation ^^. Et voici mon problème : J'aimerais faire deux listes d
valider un formulaire par un clic [ par jackrichard ]
bonjour a tous voila dans ma page j'ai une liste déroulante (crée par php) j'aimerais savoir comment je peut faire pour valider le formulaire quand mo
affichage de x listes deroulantes en fonction d'1 autre liste deroulante [ par candice9 ]
Bonjour,dans mon formulaire, la 1er liste deroulante selectionne combien d'experiences l'utilisateur veut comparer et les listes deroulantes suivantes
Javascript : Lier plusieurs listes déroulantes [ par bolbo ]
Bonjour, J'ai une question en javascript, concernant l'utilisation des listes déroulantes. J'ai un ensemble de champs dans ma base de données, et je
Liste deroulante des mois et années [ par cnguyen ]
onjour, J'aimerai qu'on m'eclaircisse la route ^^ Je voudrais lors de mon arrivée sur ma page jsp, que ma liste deroulante des mois m'affiche le mois
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|