AccueilAideRechercherIdentifiez-vousInscrivez-vous

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
21 Mai 2012 à 22:32:11

Connexion avec identifiant, mot de passe et durée de la session
Rechercher
    avancée

News
- Retour au site PHP-Astux
- NewsletTux 3

Stats
8763 Messages dans 1087 Fils de discussion par 1000 Membres
Dernier membre: totor 94
+  PHP Astux
|-+  Langages Web
| |-+  (x)HTML, CSS, JS (client)
| | |-+  Liste déroulante [Résolu]
Pages: [1]   Bas de page
« sujet précédent | | sujet suivant »
Imprimer
Auteur Fil de discussion: Liste déroulante [Résolu]  (Lu 342 fois)
Guy85
Néophyte
*
Messages: 4
« le: 21 Novembre 2011 à 00:27:22 »
Bonsoir,

J'essaye de faire une liste déroulante liée avec une autre.
J'ai trouvé un modèle, mais ça na fonctionne pas.

http://meteoclopiniere.olympe-network.com/Essai.html

voici le code:
Code:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Essai</title>
<meta content="Guy" name="author">
</head>
<body style="color: white; background-color: rgb(99, 5, 39);"
alink="#dcd296" link="#dcd296" vlink="#dcd296">
<select name="Rubrique" onchange="Choix(this.form)">
<option>-- Choisissez une Année ---</option>
<option>2010</option>
<option>2011</option>
<option>En attente</option>
</select>
<select name="Page">
<option>-- Choisissez un mois ---</option>
<option>Janvier</option>
<option>Février</option>
<option>Mars</option>
</select>
</body>
</html>

1ère liste "Choisir l'année"
2ème liste "Choisir le mois"

Et comment faire un lien avec la page d'un mois ?

Merci de votre aide
Cordialement
Guy
« Dernière édition: 24 Novembre 2011 à 10:29:28 par Guy85 » Journalisée
Guy85
Néophyte
*
Messages: 4
« Répondre #1 le: 24 Novembre 2011 à 10:24:00 »
Bonjour,
Finalement avec 3 listes déroulantes: Année, Mois, Pages
Pour ceux que cela peut aider.
Voici le code qui a résolu mon problème.

Code:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>buno 3 listes</title>
<meta content="Guy" name="author">
<script type="text/javascript">
<!--
function onChange()
{
var index_annee = document.getElementById('annee').selectedIndex;
var annee = document.getElementById('annee').options[index_annee].text;

var mois = document.getElementById('mois').options[document.getElementById('mois').selectedIndex].text;

var pages = document.getElementById('pages').options[document.getElementById('pages').selectedIndex].text;

var url = annee + '/' + mois + '/' + pages +'.html';
window.location=url;
}
//-->
</script>
</head>
<body style="color: white; background-color: rgb(99, 5, 39);"
alink="#dcd296" link="#dcd296" vlink="#dcd296">
<br>
<!-- liste déroulante pour les années -->
<select id="annee" name="annee" size="1">
<option value="">Choisir une Année</option>
<option value="2011">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">
<option value="">Choisir un mois</option>
<option value="">Janvier</option>
<option value="">Fevrier</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>
<!-- liste déroulante pour les pages -->
<select id="pages" name="pages" size="1" onchange="onChange();">
<option value="">Choisir une page</option>
<option value="">Couleur_du_ciel</option>
<option value="">Graphiques</option>
<option value="">Pressions</option>
<option value="">Vent</option>
<option value="">Récaps</option>
</select>
</body>
</html>

Cordialement
Guy85
« Dernière édition: 24 Novembre 2011 à 11:26:55 par Guy85 » Journalisée
Pages: [1]   Haut de page
Imprimer
« sujet précédent | | sujet suivant »
Aller à:  

Powered by SMF 1.1.16 | SMF © 2011, Simple Machines
Amber design by Bloc | XHTML | CSS