Listes déroulantesRésolu

Question

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.

2.html

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

Guy72 · Accepted Answer

"Par autre chose", je voulais savoir si ce que j'ai modifié est le plus simple, si il n'y a mieux à faire.

Météoclopinière

Merci de ton aide, sans toi, je n'y serais jamais arrivé 


Cordialement Guy

stephelle · Answer

Salut Guy,
Je pense qu'il faut que tu mette ta page en PHP et que tu te créé une table SQL.

galled · Answer

Bonjour,

Regarde pour un redirect en javascript et l'évènement onChange de javascript sur google tu devrais trouver ce que tu cherche.

BunoCS · Answer

Hello, Je plussoie galled: @+ Buno ---------------------------------------- L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Bonsoir,
Oui d'accord, mais il n'y a qu'une liste.
Finalement, je cherche une 3ème liste


Cordialement Guy

BunoCS · Answer

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...

Guy72 · Answer

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

BunoCS · Answer

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...

BunoCS · Answer

Re, Voici un exemple un peu plus complet. @+ Buno ---------------------------------------- L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

BunoCS · Answer

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...

Guy72 · Answer

Bonsoir,
Ça devrait ma convenir, mais il faut que je regarde comment aller à mes pages.

J'ai l'mpression, qu'il va me faloir un 3ème liste pour les pages.

Il y a 6 pages par mois.

Cordialement Guy

Guy72 · Answer

Désolé, mais je ne vois rien.


Cordialement Guy

BunoCS · Answer

Comment ça "tu ne vois rien?" mon code t' affiché normalement une popup avec 
Tes sélections, non?
@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Bonjour,
Excuse de ne pas avoir répondu hier soir, mais je suis sorti.
Je me suis mal exprimé.
Si..si, je vois bien la petite fenêtre.
Mais je voulais dire que j'essayé de voir mes pages, mais je n'y arrive pas.


Cordialement Guy

Guy72 · Answer

Comme, je ne sais pas comment éditer mon ancien message,j'en remets un autre avec le code avec lequel j'ai essayé. buno Cordialement Guy

BunoCS · Answer

var url = annee + '/' + mois + '.html";
Attention, faute de frappe: tu as une double quote à la fin au lieu d'une simple quote.
De plus, d'après ton code, tes pages ont pour adresse:
http://www.monsite.com/2011/janvier.html
Est-ce le cas? Sinon, il va falloir retravailler l'url.

@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Bonjour, Ça va déjà beaucoup mieux, impossible pour moi, impossible de savoir que la "double quote" était pas bonne, comme je n'avais rien changé dans ton code (à part enlever ou mettre les //). Ça ne passe pas par une Url. Janvier.html, n'est pas la page. 1)Choisir une année 2) choisir un mois 3) Choisir une page Regarde le code que j'essaye de modifier avec les pages : buno 3 listes En attendant, merci de ton aide Cordialement Cordialement Guy

Guy72 · Answer

Ça fonctionne !!!! J'ai changé quelques trucs comme : 1) Ajouté ça: var pages = document.getElementById('pages').options[document.getElementById('pages').selectedIndex].text; 2) Modifié ça : var url = annee + '/' + mois + '/' + pages +'.html'; Peut être autre chose ? [http:// Site] Cordialement Guy

BunoCS · Answer

Peut être autre chose ?
Ah bah je ne ne sais pas, c'est à toi de voir 
Ton lien ne fonctionne pas...

@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Bonjour,
J'ai mis un autre post pour savoir quoi faire pour ouvrir chaque page en dehors de la page actuellemnt ouverte.

Mais, peut être que finalement, tu peux me répondre, car tu connais mon sujet ?

Merci de ton aide

Cordialement Guy

BunoCS · Answer

Hello,
Pour ouvrir une autre page, ça se passe au niveau de la balise html a. Dans cette balise, tu peux ajouter l'attribut target:
ton lien



@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

BunoCS · Answer

J'ai supprimé ta nouvelle demande, du coup.


@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Bonjour,
Merci de me répondre.

Pour une page, je suis d'accord.

Mais le problème, c'est qu'il faudrait que ce soit la page choisie par la lite déroulante

Finalemnt, pour chaque page, de façon à garder la page d'accueil sous le coude

Cordialement Guy

BunoCS · Answer

Ah oui, pardon...
Du coup, au lieu de faire un window.location, il faut faire un window.open

window.open("http://www.google.fr","Google"); 



@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

C'est toujours pareil
Le texte 
window.open("http://www.google.fr","Google"); 

apparait en entier sur la page


Cordialement Guy

BunoCS · Answer

Mes différents tests: - sous IE 6: ouvre une autre fenêtre - sous Firefox 8.0: ouvre un nouvel onglet - sous Chrome 15: ouvre un nouvel onglet - sous Safari 5.1.1: ouvre une nouvelle fenêtre Code testé: A moins que je n'ai pas compris la demande... @+ Buno ---------------------------------------- L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

C'est pas ça.

Là, ça m'ouvre une page "Google", mais ma page d'ccueil à été remplacée par la page sélectionnée dans ma liste déroulante.

Ce que souhaite, c'est que toutes les pages qui seront ouvertes avec la liste déroulante ne prennent pas la place de la page d'accueil.

Cordialement Guy

BunoCS · Answer

Euh...au lieu de mettre Google, tu mets l'url de ta page 
Et remplace le window.location par le window.open 


@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Je suis d'accord, cette solution, ouvre la page.
Comme tu dis, à condition de mettre le chemin de la page.

Mais, je ne comprends pas comment faire si je ferme cette page, que je retourne à ma liste déroulante et que je choisisse une autre page.
(le chemein ne sera pas le même) 
 
Cordialement Guy

BunoCS · Answer

J'avoue que je ne comprend pas ton incompréhension...
Tu as une fonction qui, dès que tu choisis une page dans ta liste, l'affiche dans une nouvelle fenêtre. Comme ceci:
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.open(url);
}

Sauf erreur, du moins c'est comme ça que ça se passe chez moi, la page d'accueil est toujours affichée. Si tu changes de page via ta liste, il va t'ouvrir une autre fenêtre, sans fermer celles qui sont éventuellement déjà ouverte. Fais le test, tu verras. Le chemin vers la nouvelle page se construit automatiquement, dès que tu changes de sélection dans ta liste. Donc, ce ne sera pas toujours le même chemin.

Est-ce que je réponds à ta question? Ou bien ai-je compris de travers?


@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Tu as tout compris 

Quand j'ai "location" ça fonctionne en remplaçant la page d'accueil...ok
Quand j'ai "open" il n'y a plus rien.
Regarde avec le lien ci-dessous

Lien Site

Cordialement Guy

BunoCS · Answer

Je vois sur ton site que tu as mis la méthode avec location.
Il te suffit juste de changer cette ligne:
window.location=url;
par:
window.open(url);
OU BIEN (c'est ptet ça le souci), par:
window.open('http://www.tonsite/com/'+url);
@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Bonjour,
Eh oui, c'est bien ça 

window.open('http://www.tonsite/com/'+url);


Ça fonctionne 

Merci encore de ton aide et de ta patience
Cordialement Guy

BunoCS · Answer

On y a mis le temps...mais content de t'avoir aidé 


@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

Guy72 · Answer

Bonjour,
J'ai ajouter un eutre message pour un menu dynamique.
J'ai juste un problème de décalage des sous/menu part à port au menu

Si tu pouvais voir..............

Merci de ton aide

Cordialement Guy

Listes déroulantes

35 réponses

Votre réponse

Discussions similaires