Récuperer les champs de formulaire d'un script JavaScript
Posté : 30 avr. 2008, 18:48
Re-bonjour, j'ai eu un peu de mal, mais j'ai trouvé un script JAVASCRIPT, celui-ci fait en sorte que la 3ème liste déroulante dépende de la seconde et que celle-ci dépende de la première.
Le problème c' est que je n'arrive pas à réceptionner les valeurs de ces 3 listes :
Le problème c' est que je n'arrive pas à réceptionner les valeurs de ces 3 listes :
<form action="#" method="POST">
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var menu=new CreerMenu(3,"Sélectionnez...","Sélectionnez...","Sélectionnez...","titre 4","_blank","");
menu.Add(1,"Tutorial","");
menu.Add(2,"Développement Web","");
menu.Add(3,"PHP","");
menu.Add(3,"ASPX","");
menu.Add(3,"ASP","");
menu.Add(3,"HTML","");
menu.Add(3,"XHTML","");
menu.Add(3,"DHTML","");
menu.Add(3,"XML","");
menu.Add(3,"AJAX","");
menu.Add(3,"CSS","");
menu.Add(3,"JAVASCRIPT","");
menu.Add(3,"DHTML","");
menu.Add(3,"RAILS","");
menu.Add(3,"APACHE","");
menu.Add(3,"SQL","");
menu.Add(3,"FLASH","");
menu.Add(2,"Programmation","");
menu.Add(3,"C","");
menu.Add(3,"C+","");
menu.Add(3,"C++","");
menu.Add(3,"C#","");
menu.Add(3,"Delphi","");
menu.Add(3,"Python","");
menu.Add(3,"Java","");
menu.Add(3,"Visual Basic","");
menu.Add(3,"DotNET","");
menu.Add(3,"DOS","");
menu.Add(3,"MS-Office","");
menu.Add(3,"Autre","");
menu.Add(2,"Graphisme","");
menu.Add(3,"3D","");
menu.Add(3,"2D","");
menu.Add(3,"Autre","");
menu.Add(2,"Logiciel","");
menu.Add(3,"Photoshop CS3","");
menu.Add(3,"Illustrator CS3","");
menu.Add(3,"Dreamweaver CS3","");
menu.Add(2,"Serveur","");
menu.Add(2,"Hack - Sécurité","");
menu.Add(3,"Réseau","");
menu.Add(3,"System d'exploitation","");
menu.Add(3,"Logiciel","");
menu.Add(3,"Site - Serveur","");
menu.Add(3,"Autre","");
menu.Add(2,"Jeux - Console","");
menu.Add(3,"PS1","");
menu.Add(3,"PS2","");
menu.Add(3,"PS3","");
menu.Add(3,"PSP","");
menu.Add(3,"Wii","");
menu.Add(3,"Xbox","");
menu.Add(3,"Xbox 360","");
menu.Add(3,"Game boy","");
menu.Add(3,"Game boy color","");
menu.Add(3,"Game boy advence","");
menu.Add(3,"Game cube","");
menu.Add(3,"PC","");
menu.Add(3,"Autre","");
menu.Add(2,"Hébergement - Site - Forum - Blog","");
menu.Add(2,"Autre","");
menu.Add(1,"Présentation","");
menu.Add(2,"Nouvelles Techologies","");
menu.Add(2,"Site - Forum - Blog","");
menu.Add(2,"Jeux - Console","");
menu.Add(2,"Logiciel","");
menu.Add(2,"Autre","");
menu.Add(1,"Définition","");
menu.Add(2,"Vocabulaire informatique","");
menu.Add(2,"Autre vocabulaire","");
menu.Add(1,"Presse","");
menu.Add(2,"Actualité","");
menu.Add(3,"Informatique","");
menu.Add(3,"Autre","");
menu.Add(1,"Autre","");
function CreerMenu(profondeur,titre1,titre2,titre3,titre4,target) {
this.nb=0;this.prof=profondeur;
this.titre1=titre1; this.titre2=titre2; this.titre3=titre3; this.titre4=titre4; this.target=target
this.Add=AddObjet;
this.Aff=AffMenu;
}
function AddObjet(deep,txt,page) {
var rub = new Object;
rub.deep=deep;
rub.txt=txt;
rub.page=page;
this[this.nb]=rub;
this.nb++;
}
function AffMenu() {
var Z="<FORM name='mf'>";
Z+="<SELECT size=1 name='list1' onChange='Clic(1)'><OPTION selected>"+this.titre1+"</OPTION>";
for (var i=0;i<this.nb;i++) {
if (this[i].deep==1) {
Z+="<OPTION value='"+i+"'>"+this[i].txt+"</OPTION>"
}
}
Z+="</SELECT>";
for (var i=2;i<=menu.prof;i++) {
Z+="<SELECT name='list"+i+"' onChange='Clic("+i+")'><OPTION>"+eval("menu.titre"+i)+"</OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION></SELECT>";
}
Z+="</FORM>";
document.write(Z);
}
function add() {
var c=new Option("ADD","",true,true);
document.forms[0].elements["list"].options[0]=c;
}
function Clic(no) {
var valeur=document.forms["mf"].elements["list"+no].options[ document.forms["mf"].elements["list"+no].selectedIndex].value;
if ((valeur!="")&&(valeur!=null)&&(no<menu.prof)) {
var deep=menu[valeur].deep;
var no2=1;
for (var noX=(no+1);noX<=menu.prof;noX++) {
document.forms["mf"].elements["list"+eval(noX)].options.length=0;
var titre=eval("menu.titre"+noX);
var c=new Option(titre);
document.forms["mf"].elements["list"+(noX)].options[0]=c;
document.forms["mf"].elements["list"+(noX)].selectedIndex=0;
}
valeur++;
for (var i=valeur;i<menu.nb;i++) {
//alert(i);
if (menu[i].deep==deep+1) {
//alert("no="+no+" texte="+menu[i].txt);
var c=new Option(menu[i].txt,i);
document.forms["mf"].elements["list"+(no+1)].options[no2]=c;
no2++;
} else { if (menu[i].deep==deep){i=menu.nb;}}
}
document.forms["mf"].elements["list"+(no+1)].options.length=no2+1;
document.forms["mf"].elements["list"+(no+1)].selectedIndex=0;
Clic(no+1)
valeur--;
}
if ((valeur!="")&&(valeur!=null)) {
var page=menu[valeur].page;
if ((page!="")&&(page!=null)) {
if (menu.target=="self") {window.location=page}
else if (menu.target=="_blank") {window.open(page,"","menubar,scrollbars,toolbar,status,location")}
else {parent.frames[menu.target].location.href=page;}
}
}
}
// Fonctions destinées à afficher l'arborescence du menu
function space(i) {var Z="";for (var j=0;j<i;j++){Z+=" ";}return Z}
function Arbo(m) {
var Z="<BR>";
for (var i=0;i<m.nb;i++) {
Z+=space(m[i].deep)+m[i].txt+" <A href='"+m[i].page+"'>"+m[i].page+"</A><BR>"
}
document.write(Z);
}
// Section utile pour la démonstration
</SCRIPT>
</HEAD>
<input type="submit" value="Envoyer">
</form>
<BODY>
<SCRIPT language="JavaScript">
menu.Aff();
</SCRIPT>
</BODY>
<?php
$list = $_POST['list'];
$list1 = $_POST['list1'];
$list2 = $_POST['list2'];
$list3 = $_POST['list3'];
echo $list;
echo '</br> :';
echo $list1;
echo '</br> :';
echo $list2;
echo '</br> :';
echo $list3;
?>