JavaScript Menu Dynamique

JavaScript Menu Dynamique - Programmation

Marsh Posté le 01-02-2002 à 12:13:15    

Yop
 
 
j'ai besoin d'un script en javascript que permet de relier 2 selects entre eux :
 
EX
 
Si je click sur le 1er select ca me charge le 2eme
 
j'ai des codes mais y'a un system de redirect et tout le bordel
moi je veux jsute avoir deux select (je recuper avec request.form apres)
c tout
 
Merci :)

Reply

Marsh Posté le 01-02-2002 à 12:13:15   

Reply

Marsh Posté le 01-02-2002 à 12:22:04    

UP

Reply

Marsh Posté le 01-02-2002 à 13:10:42    

[:the real mask]

THE REAL MaSK a écrit a écrit :

UP  



Reply

Marsh Posté le 01-02-2002 à 13:14:55    

en fait sur ton premier select tu fais un onchange et tu appel une fonction qui te redirige la page (par exemple onchange="change_menu2();"
et dans change_menu2 tu fais un document.mon_formulaire.action="mapage.asp";document.monformulaire.submit();
mais il te faut une page ASP forcement dans laquel tu recuperes les paramètres de ton formulaire tu construit ta requête et tu envoies vers la page qui contient tes formulaires...
JE sais pas si ça t'aide...mais en gros c'est comme ça... :)

Reply

Marsh Posté le 01-02-2002 à 13:17:49    

voila mon pb
je veux pas redirectionner je veux juste 2 select liés entre eux....
 
c tout con
j'arrive a le faire  
 
me faut que sur le onclick du 1er sa me remplisse le 2eme  :pt1cable:

Reply

Marsh Posté le 01-02-2002 à 13:21:08    

je ne vois pas encore ton probleme...
d'ou  viennent les infos (c'est dans un tableaux JAvaScript ou dans un recordset ASP???

Reply

Marsh Posté le 01-02-2002 à 13:25:58    

non c vient pas d'une page  
c un menu fixe je veux pas me faire chier :)

Reply

Marsh Posté le 01-02-2002 à 13:43:49    

Ben tu rempli le 2eme select avec le contenu d'un tableau JS en fonction de ce que tu choisi dans le 1er.


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 01-02-2002 à 13:45:08    

Mara's dad a écrit a écrit :

Ben tu rempli le 2eme select avec le contenu d'un tableau JS en fonction de ce que tu choisi dans le 1er.  




EXACTEMENT CE QUE JE VEUX FAIRE
mais moi le javacript on est pas copain copain
 
tu sais faire ca ?

Reply

Marsh Posté le 01-02-2002 à 13:56:52    

si tu veux faire avec un onclick...tu appelles une option de ton select du premeir select avec le nom du tableau ...
Ensuite comme tu as le bon tableau, tu regardes sa longueur :
var lngtb=montabelau.length...
puis ensuite tu allimentes ton select avec une boucle..
<select name="ma_selection">
for (i=0;i<lngtb;i++)
{document.write("<option="+montablau[lngtb]+"> affichage</option>" );
}

</select>
Par contre j'ai peur que le document.write efface tout le contenu de ta page...si quelqu'un à une idée!! pour eviter le document.write..je suis aussi preneur...

Reply

Marsh Posté le 01-02-2002 à 13:56:52   

Reply

Marsh Posté le 01-02-2002 à 16:12:55    

Exemple :
 
<TABLE ID="TOTO"></TABLE>
 
Pour remplacer le document.write, j'utilise :
 
Sur IE 5+ :
TOTO.outerHTML = "<TABLE ID=\"TOTO\"><TR><TD>Ligne 1</TD></TR><TR><TD>Ligne 2</TD></TR></TABLE>";
 
Sur NS6.x :  
TOTO.innerHTML = "<TR><TD>Ligne 1</TD></TR><TR><TD>Ligne 2</TD></TR>";
 
Pour un select :
<FORM ID="MYFORM">
<SELECT ID="MYSEL"></SELECT>
</FORM>
 
Avec IE 5+:
Opt = document.createElement("OPTION" );
MYFORM.MYSEL.options.add(Opt);
Opt.value = "OPT1";
Opt.innerText = "OPTION 1";
Opt.selected = false;
 
Opt = document.createElement("OPTION" );
MYFORM.MYSEL.options.add(Opt);
Opt.value = "OPT2";
Opt.innerText = "OPTION 2";
Opt.selected = true;  // <- 2lement sélectionné dans la liste
...
 
J'ai pas testé avec NS 6.x
 
A+

 

[edtdd]--Message édité par Mara's dad--[/edtdd]


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 03-02-2002 à 00:09:41    

bon je viens de juste de relire le message....MErci Mara's dad
...je suis en train de me pencher sur le dhtml et le dom ce derniers temps et je n'avais pas du tout penser à ça pour remplacer le document.write...
Merci bien :bounce:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed