Réceptionner la valeur de 4 listes déroulante
kurosaki_itchigo
Messages postés
1
Statut
Membre
-
korusaki_itchigo -
korusaki_itchigo -
Bonjour,
j'ai trouvé un script JAVASCRIPT, celui-ci fait en sorte que la 4ème liste déroulante dépende de la 3ème qui 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 4 listes :
Le fichier de reception : reception.php :
le code javascript (à la base) fait une redirection dés le 3ème champs sélectionné...
j'ai trouvé un script JAVASCRIPT, celui-ci fait en sorte que la 4ème liste déroulante dépende de la 3ème qui 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 4 listes :
<form action="reception.php" method="POST">
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var menu=new CreerMenu(4,"Sélectionnez...","Sélectionnez...","Sélectionnez...","Sélectionnez...","_blank","");
menu.Add(1,"Tutorial","");
menu.Add(2,"Développement Web","");
menu.Add(3,"PHP","");
menu.Add(4,"Fonction","");
menu.Add(4,"Autre","");
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>
Le fichier de reception : reception.php :
<?php $liste1 = $_POST["list1"]; $liste2 = $_POST["list2"]; $liste3 = $_POST["list3"]; $liste4 = $_POST["list4"]; echo"$liste1 $liste2 $liste3 $liste4"; ?>
le code javascript (à la base) fait une redirection dés le 3ème champs sélectionné...
<!-- saved from url=(0022)http://internet.e-mail --> <HTML><HEAD><TITLE>Menu arborescent en listes déroulantes</TITLE> <SCRIPT LANGUAGE="JavaScript"> // Script développé par Tout JavaScript.com - https://www.toutjavascript.com/main/index.php3 var menu=new CreerMenu(3," **** 1 - Choisir un thème **** "," **** 2 - Choisir un sujet **** "," **** 3 - Choisir un site **** ","titre 4","_blank"); // CreerMenu(Nb de listes, titre1, titre2, titre3, target) // Nb listes=4 maxi // Les 4 titres sont obligatoires (meme si Nb_liste<4) // target=nom de la frame ou "self" si c'est la fenetre elle meme, "_blank" pour une nouvelle // Pour ajouter les liens dans les listes, utiliser menu.Add // Menu.Add(numéro de la liste, texte, page à charger) menu.Add(1,"Internet",""); menu.Add(2,"Création de sites",""); menu.Add(3,"Tout JavaScript.com","https://www.toutjavascript.com/main/index.php3"); menu.Add(3,"All HTML","http://www.allhtml.com"); menu.Add(3,"Praktica","https://www.praktica.com/"); menu.Add(2,"Graphismes",""); menu.Add(3,"ZoneGifs","http://www.zonegifs.com"); menu.Add(3,"GoGraph","https://www.gograph.com/"); menu.Add(2,"Hébergement",""); menu.Add(3,"Free.fr","https://www.free.fr/freebox/index.html"); menu.Add(3,"Multimania","http://www.multimania.fr"); menu.Add(3,"Chez","http://www.chez.com"); menu.Add(1,"Matériel",""); menu.Add(2,"Documentation",""); menu.Add(3,"Hardware.fr","https://www.hardware.fr/"); menu.Add(3,"Choix PC","http://www.choixpc.com"); menu.Add(3,"VTR Hardware","http://www.vtr-hardware.com"); menu.Add(2,"Enchères",""); menu.Add(3,"IBazar","http://www.ibazar.fr"); menu.Add(3,"Aucland","http://www.aucland.fr"); menu.Add(2,"Fabricants",""); menu.Add(3,"Intel","https://www.intel.fr/content/www/fr/fr/homepage.html"); menu.Add(3,"AMD","http://www.amd.com"); menu.Add(3,"Macintosh","https://www.apple.com/fr/"); 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> <BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" > <FONT FACE="Arial" SIZE='-1' COLOR="#000099"> <CENTER><BIG>Menu arborescent par listes déroulantes </BIG></CENTER> <BR> <SCRIPT language="JavaScript"> menu.Aff(); </SCRIPT> Ce menu permet de placer énormément de liens en occupant un espace très limité sur la page.<BR> Le principe est d'afficher dans les listes une sélection de plus en plus fine selon les choix faits dans les listes en amont.<BR> Il est possible de définir jusqu'à 4 niveaux de listes.<BR> Vous pouvez utiliser ce menu avec ou sans frames.<BR> <BR> Pour information, voici l'arborescence du menu complet :<BR> <SCRIPT language="JavaScript"> // A supprimer : permet d'afficher sous forme de texte la liste complète des liens du menu Arbo(menu); </SCRIPT> <BR> </FONT></BODY></HTML>
A voir également:
- Réceptionner la valeur de 4 listes déroulante
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Code gta 4 ps4 - Guide
- Logiciel gratuit calcul valeur nutritionnelle - Télécharger - Santé & Bien-être
- Supprimer liste déroulante excel ✓ - Forum Excel
24 réponses
Bjr
ha oui y avait un p'tit bug :-)
Remplace
par
Nodody's perfect
ha oui y avait un p'tit bug :-)
Remplace
function TreeNode(treeId,parentNode,name,caption, url,target)
{
this.childNodes = new Array();
this.name = name;
this.url = url;
this.target = target;
this.caption = caption;
this.parentNode = parentNode;
this.selectedChildIndex = -1;
this.treeId=treeId;
this.index = -1;
}
par
function TreeNode(treeId,parentNode,name,caption, url,target)
{
this.childNodes = new Array();
this.name = name;
if (!this.name)
{
this.name = caption;
}
this.url = url;
this.target = target;
this.caption = caption;
this.parentNode = parentNode;
this.selectedChildIndex = -1;
this.treeId=treeId;
this.index = -1;
}
Nodody's perfect
Tutorial : Développement Web : HTML : Balises
C'est parfait ça fonctionne parfaitement !!
Merci à toi PHP, et à t'es efforts !!
C'est parfait ça fonctionne parfaitement !!
Merci à toi PHP, et à t'es efforts !!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Rebonjour, bon j'ai trouvé quelque chose qui s'en reapproche mais je ne sais pas l'appliquer sur 4 champs...
Heu... voici le code :
<SCRIPT language="JavaScript">
function Choix(form)
{
i = form.C.selectedIndex;
if (i == 0)
{
for (i=0;i<4;i++)
{
form.SC.options[i].text="";
}
return;
}
form.SC.selectedIndex = 0;
switch (i)
{
case 1 : var txt = new Array ('Avion','Voiture','Train'); break;
case 2 : var txt = new Array ('Homme','Femme','Enfant'); break;
case 3 : var txt = new Array ('Foot','Rugby','Course'); break;
}
form.SC.options[0].text="Choisissez une categorie";
for (i=0;i<3;i++)
{
form.SC.options[i+1].text=txt[i];
}
}
</SCRIPT>
<HTML>
<FORM>
<SELECT NAME="C" onChange='Choix(this.form)'>
<OPTION selected>Choisissez une categorie</OPTION>
<OPTION value="Engin">Engin</OPTION>
<OPTION value="Personne">Personne</OPTION>
<OPTION value="Sport">Sport</OPTION>
</SELECT>
</FORM>
</HTML>
celui-ci est plus exact :
<SCRIPT language="JavaScript">
function Choix(form)
{
i = form.C.selectedIndex;
if (i == 0)
{
for (i=0;i<4;i++)
{
form.SC.options[i].text="";
}
return;
}
form.SC.selectedIndex = 0;
switch (i)
{
case 1 : var txt = new Array ('Avion','Voiture','Train'); break;
case 2 : var txt = new Array ('Homme','Femme','Enfant'); break;
case 3 : var txt = new Array ('Foot','Rugby','Course'); break;
}
form.SC.options[0].text="Choisissez une categorie";
for (i=0;i<3;i++)
{
form.SC.options[i+1].text=txt[i];
}
}
</SCRIPT>
<HTML>
<FORM>
<SELECT NAME="C" onChange='Choix(this.form)'>
<OPTION selected>Choisissez une categorie</OPTION>
<OPTION value="Engin">Engin</OPTION>
<OPTION value="Personne">Personne</OPTION>
<OPTION value="Sport">Sport</OPTION>
</SELECT>
<SELECT NAME="SC">
<OPTION selected>Choisissez une sous categorie</OPTION>
<OPTION value=""></OPTION>
<OPTION value=""></OPTION>
<OPTION value=""></OPTION>
</SELECT>
</FORM>
</HTML>
bon celui fonctionne parfaitement je vous informerez du résultat :
<body><FORM name="G1SCRIPTNAME"> <table border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td nowrap height="11"> <select name="G1SCRIPTNAME1" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9" onChange="ReDirect1(this.options.selectedIndex)"> <option selected>---Selection 1-------------</option> <option>Engin</option> <option>Personne</option> </select> <select name="G1SCRIPTNAME2" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9" onChange="ReDirect2(this.options.selectedIndex)"> <option value="" selected> </option> <option value="" selected>---Selection 2--------------</option> <option value="" selected>---Selection 2--------------</option> </select> <select name="G1SCRIPTNAME3" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9" onChange="ReDirect3(this.options.selectedIndex)"> <option value="" selected> </option> <option value="" selected>---Selection 3----------------</option> <option value="" selected>---Selection 3----------------</option> </select> <select name="G1SCRIPTNAME4" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9" onChange="ReDirect(this.options.selectedIndex)"> <option value="" selected> </option> <option value="" selected>---Selection 4----------------</option> <option value="" selected>---Selection 4----------------</option> </select> <SCRIPT language="JavaScript" title="G1SCRIPT"> //Script Généré sur le Site https://www.g1script.com/ <!-- /* */ var temp=document.G1SCRIPTNAME.G1SCRIPTNAME2 var temp1=document.G1SCRIPTNAME.G1SCRIPTNAME3 var temp2=document.G1SCRIPTNAME.G1SCRIPTNAME4 var CB2=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.length var CB3=document.G1SCRIPTNAME.G1SCRIPTNAME2.options.length var CB4=document.G1SCRIPTNAME.G1SCRIPTNAME3.options.length var ComboBox2=new Array(CB2) var ComboBox3=new Array(CB2) var ComboBox4=new Array(CB2) var maximum="12" var max=eval(maximum-1) /* */ for (a=0; a<=max; a++){ ComboBox2[a]=new Array() } for (b=0; b<=max; b++){ ComboBox3[b]=new Array() for (c=0; c<=max; c++){ ComboBox3[b][c]=new Array() }} for (d=0; d<=max; d++){ ComboBox4[d]=new Array() for (e=0; e<=max; e++){ ComboBox4[d][e]=new Array() for (f=0;f<=max; f++){ ComboBox4[d][e][f]=new Array() }}} ComboBox2[0][0]=new Option("---Transport---"," "); ComboBox2[1][0]=new Option("Faites votre choix!"," "); ComboBox2[1][1]=new Option("Avion","",""); ComboBox2[1][2]=new Option("Train","",""); ComboBox2[1][3]=new Option("Bateau","",""); ComboBox2[1][4]=new Option("Voiture","",""); ComboBox2[2][0]=new Option("Faites votre choix!"," "); ComboBox2[2][1]=new Option("Homme",""); ComboBox2[2][2]=new Option("Femme",""); ComboBox2[2][3]=new Option("Enfant",""); ComboBox3[0][0][0]=new Option("---Company---"," "); ComboBox3[1][0][0]=new Option("---Company---"," "); ComboBox3[1][1][0]=new Option("Faites votre choix!"," "); ComboBox3[1][1][1]=new Option("Air france",""); ComboBox3[1][1][2]=new Option("Air algérie",""); ComboBox3[1][2][0]=new Option("Faites votre choix!"," "); ComboBox3[1][2][1]=new Option("TGV",""); ComboBox3[1][2][2]=new Option("Corail",""); ComboBox3[2][0][0]=new Option("---Carrure--"," "); ComboBox3[2][1][0]=new Option("Faites votre choix!"," "); ComboBox3[2][1][1]=new Option("Carré",""); ComboBox3[2][1][2]=new Option("Normal",""); ComboBox3[2][1][3]=new Option("Gros",""); ComboBox3[2][2][0]=new Option("Faites votre choix!"," "); ComboBox3[2][2][1]=new Option("Normal",""); ComboBox3[2][2][2]=new Option("Mince",""); ComboBox3[2][2][3]=new Option("Grosse",""); ComboBox4[0][0][0][0]=new Option("---Selection 4---"," "); ComboBox4[1][0][0][0]=new Option("---Selection 4---"," "); ComboBox4[1][1][1][0]=new Option("Choix de destination"," "); ComboBox4[1][1][1][1]=new Option("Site 1 Cat 1 Sous Menu 1 Menu 1.",""); ComboBox4[1][1][1][2]=new Option("Site 2 Cat 1 Sous Menu 1 Menu 1.",""); ComboBox4[1][1][2][0]=new Option("Choix de destination"," "); ComboBox4[1][1][2][1]=new Option("Site 1 Cat 2 Sous Menu 1 Menu 1.",""); ComboBox4[1][1][2][2]=new Option("Site 2 Cat 2 Sous Menu 1 Menu 1.",""); ComboBox4[1][2][2][0]=new Option("Choix de destination"," "); ComboBox4[1][2][2][1]=new Option("Site 1 Cat 2 Sous Menu 2 Menu 1.",""); ComboBox4[1][2][2][2]=new Option("Site 2 Cat 2 Sous Menu 2 Menu 1.",""); ComboBox4[1][2][2][0]=new Option("Choix de destination"," "); ComboBox4[1][2][2][1]=new Option("Site 1 Cat 2 Sous Menu 2 Menu 1.",""); ComboBox4[1][2][2][2]=new Option("Site 2 Cat 2 Sous Menu 2 Menu 1.",""); ComboBox4[2][0][0][0]=new Option("---Selection 4---"," "); ComboBox4[2][1][1][0]=new Option("Choix de destination"," "); ComboBox4[2][1][1][1]=new Option("Site 1 Cat 1 Sous Menu 1 Menu 2.",""); ComboBox4[2][1][1][2]=new Option("Site 2 Cat 1 Sous Menu 1 Menu 2.",""); ComboBox4[2][1][2][0]=new Option("Choix de destination"," "); ComboBox4[2][1][2][1]=new Option("Site 1 Cat 2 Sous Menu 1 Menu 2.",""); ComboBox4[2][1][2][2]=new Option("Site 2 Cat 2 Sous Menu 1 Menu 2.",""); ComboBox4[2][2][2][0]=new Option("Choix de destination"," "); ComboBox4[2][2][2][1]=new Option("Site 1 Cat 2 Sous Menu 2 Menu 2.",""); ComboBox4[2][2][2][2]=new Option("Site 2 Cat 2 Sous Menu 2 Menu 2.",""); ComboBox4[2][2][2][0]=new Option("Choix de destination"," "); ComboBox4[2][2][2][1]=new Option("Site 1 Cat 2 Sous Menu 2 Menu 2.",""); ComboBox4[2][2][2][2]=new Option("Site 2 Cat 2 Sous Menu 2 Menu 2.",""); /* */ function ReDirect1(x){ for (m=temp.options.length-1;m>0;m--) temp.options[m]=null for (i=0;i<ComboBox2[x].length;i++){ temp.options[i]=new Option(ComboBox2[x][i].text,ComboBox2[x][i].value) } temp.options[0].selected=true ReDirect2(0) } function ReDirect2(y){ var x=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.selectedIndex for (m=temp1.options.length-1;m>0;m--) temp1.options[m]=null for (i=0;i<ComboBox3[x][y].length;i++){ temp1.options[i]=new Option(ComboBox3[x][y][i].text,ComboBox3[x][y][i].value) } temp1.options[0].selected=true ReDirect3(0) } function ReDirect3(z){ var x=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.selectedIndex var y=document.G1SCRIPTNAME.G1SCRIPTNAME2.options.selectedIndex for (m=temp2.options.length-1;m>0;m--) temp2.options[m]=null for (i=0;i<ComboBox4[x][y][z].length;i++){ temp2.options[i]=new Option(ComboBox4[x][y][z][i].text,ComboBox4[x][y][z][i].value) } temp2.options[0].selected=true } function ReDirect(z){ window.location=temp2[z].value } //--> //Identifiant du script: 212 //Mis en ligne: 26/11/02 //By TANGUY </SCRIPT> </td> </tr> </table> </FORM> </body>
J'ai fait ça mais ça marche pas !!
Y a une erreur à partir de :
Y a une erreur à partir de :
//-->> Présentation
<body><FORM name="G1SCRIPTNAME">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="G1SCRIPTNAME1" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect1(this.options.selectedIndex)">
<option selected>Catégorie</option>
<option>Tutorial</option>
<option>Présentation</option>
<option>Définition</option>
<option>Presse</option>
<option>Autre</option>
</select>
<select name="G1SCRIPTNAME2" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect2(this.options.selectedIndex)">
<option value="" selected> </option>
<option value="" selected>Catégorie</option>
<option value="" selected>Catégorie</option>
</select>
<select name="G1SCRIPTNAME3" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect3(this.options.selectedIndex)">
<option value="" selected> </option>
<option value="" selected>Catégorie</option>
<option value="" selected>Catégorie</option>
</select>
<select name="G1SCRIPTNAME4" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect(this.options.selectedIndex)">
<option value="" selected> </option>
<option value="" selected>Catégorie</option>
<option value="" selected>Catégorie</option>
</select>
<SCRIPT language="JavaScript" title="G1SCRIPT">
var temp=document.G1SCRIPTNAME.G1SCRIPTNAME2
var temp1=document.G1SCRIPTNAME.G1SCRIPTNAME3
var temp2=document.G1SCRIPTNAME.G1SCRIPTNAME4
var CB2=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.length
var CB3=document.G1SCRIPTNAME.G1SCRIPTNAME2.options.length
var CB4=document.G1SCRIPTNAME.G1SCRIPTNAME3.options.length
var ComboBox2=new Array(CB2)
var ComboBox3=new Array(CB2)
var ComboBox4=new Array(CB2)
var maximum="12"
var max=eval(maximum-1)
for (a=0; a<=max; a++){
ComboBox2[a]=new Array()
}
for (b=0; b<=max; b++){
ComboBox3[b]=new Array()
for (c=0; c<=max; c++){
ComboBox3[b][c]=new Array()
}}
for (d=0; d<=max; d++){
ComboBox4[d]=new Array()
for (e=0; e<=max; e++){
ComboBox4[d][e]=new Array()
for (f=0;f<=max; f++){
ComboBox4[d][e][f]=new Array()
}}}
//-->> Développement Web
ComboBox2[1][0]=new Option("Catégorie","","");
ComboBox2[1][1]=new Option("Développement Web","","");
ComboBox2[1][2]=new Option("Programmation","","");
ComboBox2[1][3]=new Option("Graphisme","","");
ComboBox2[1][4]=new Option("Logiciel","","");
ComboBox2[1][5]=new Option("Serveur","","");
ComboBox2[1][6]=new Option("Hack - Sécurité","","");
ComboBox2[1][7]=new Option("Jeux - Console","","");
ComboBox2[1][8]=new Option("Hébergement - Site - Forum - Blog","","");
ComboBox2[1][9]=new Option("Autre","","");
//-->> Développement Web
ComboBox3[1][1][0]=new Option("Catégorie","","");
ComboBox3[1][1][1]=new Option("PHP","","");
//-->> PHP
ComboBox4[1][1][1][0]=new Option("Catégorie","","");
ComboBox4[1][1][1][1]=new Option("Fonction","","");
ComboBox4[1][1][1][2]=new Option("Autre","","");
ComboBox3[1][1][2]=new Option("ASPX","","");
ComboBox3[1][1][3]=new Option("ASP","","");
ComboBox3[1][1][4]=new Option("HTML","","");
//-->> HTML
ComboBox4[1][1][4][0]=new Option("Catégorie","","");
ComboBox4[1][1][4][1]=new Option("Balises","","");
ComboBox4[1][1][4][2]=new Option("Autre","","");
ComboBox3[1][1][5]=new Option("XHTML","","");
ComboBox3[1][1][6]=new Option("DHTML","","");
ComboBox3[1][1][7]=new Option("XML","","");
ComboBox3[1][1][8]=new Option("AJAX","","");
ComboBox3[1][1][9]=new Option("CSS","","");
ComboBox3[1][1][10]=new Option("JAVASCRIPT","","");
ComboBox3[1][1][11]=new Option("DHTML","","");
ComboBox3[1][1][12]=new Option("RAILS","","");
ComboBox3[1][1][13]=new Option("APACHE","","");
ComboBox3[1][1][14]=new Option("SQL","","");
ComboBox3[1][1][15]=new Option("FLASH","","");
ComboBox3[1][1][16]=new Option("Autre","","");
//-->> Programmation
ComboBox3[1][2][0]=new Option("Catégorie","","");
ComboBox3[1][2][1]=new Option("C","","");
ComboBox3[1][2][2]=new Option("C+","","");
ComboBox3[1][2][3]=new Option("C++","","");
ComboBox3[1][2][4]=new Option("C#","","");
ComboBox3[1][2][5]=new Option("Delphi","","");
ComboBox3[1][2][6]=new Option("Python","","");
ComboBox3[1][2][7]=new Option("Java","","");
ComboBox3[1][2][8]=new Option("Visual Basic","","");
ComboBox3[1][2][9]=new Option("DotNET","","");
ComboBox3[1][2][10]=new Option("JAVASCRIPT","","");
ComboBox3[1][2][11]=new Option("DOS","","");
ComboBox3[1][2][12]=new Option("MS OFFICE","","");
ComboBox3[1][2][13]=new Option("APACHE","","");
ComboBox3[1][2][14]=new Option("Autre","","");
//-->> Graphisme
ComboBox3[1][3][0]=new Option("Catégorie","","");
ComboBox3[1][3][1]=new Option("2D","","");
ComboBox3[1][3][2]=new Option("3D","","");
ComboBox3[1][3][3]=new Option("Autre","","");
//-->> Logiciel
ComboBox3[1][4][0]=new Option("Catégorie","","");
ComboBox3[1][4][1]=new Option("Photoshop CS3","","");
ComboBox3[1][4][2]=new Option("Illustrator CS3","","");
ComboBox3[1][4][3]=new Option("Dreamweaver CS3","","");
ComboBox3[1][4][4]=new Option("Autre","","");
//-->> Serveur
ComboBox3[1][5][0]=new Option("Catégorie","","");
//-->> Hack - Sécurité
ComboBox3[1][6][0]=new Option("Catégorie","","");
ComboBox3[1][6][1]=new Option("Réseau","","");
ComboBox3[1][6][2]=new Option("System d'exploitation","","");
ComboBox3[1][6][3]=new Option("Logiciel","","");
ComboBox3[1][6][4]=new Option("Site - Serveur","","");
ComboBox3[1][6][5]=new Option("Autre","","");
//-->>Jeux - Console
ComboBox3[1][7][0]=new Option("Catégorie","","");
ComboBox3[1][7][1]=new Option("Jeux","","");
//-->> JEUX
ComboBox4[1][7][1][0]=new Option("Catégorie","","");
ComboBox3[1]7][2]=new Option("Console","","");
//-->> CONSOLE
ComboBox4[1][7][2][0]=new Option("Catégorie","","");
ComboBox4[1][7][2][1]=new Option("PS1","","");
ComboBox4[1][7][2][2]=new Option("PS2","","");
ComboBox4[1][7][2][3]=new Option("PS3","","");
ComboBox4[1][7][2][4]=new Option("PSP","","");
ComboBox4[1][7][2][5]=new Option("Wii","","");
ComboBox4[1][7][2][6]=new Option("Xbox","","");
ComboBox4[1][7][2][7]=new Option("Xbox 360","","");
ComboBox4[1][7][2][8]=new Option("Game boy","","");
ComboBox4[1][7][2][9]=new Option("Game boy color","","");
ComboBox4[1][7][2][10]=new Option("Game boy advence","","");
ComboBox4[1][7][2][11]=new Option("Game boy sp","","");
ComboBox4[1][7][2][12]=new Option("Game cube","","");
ComboBox4[1][7][2][13]=new Option("PC","","");
ComboBox4[1][7][2][14]=new Option("DS","","");
ComboBox4[1][7][2][15]=new Option("Nitendo 64","","");
ComboBox4[1][7][2][16]=new Option("Super Nitendo","","");
ComboBox4[1][7][2][17]=new Option("Mobile","","");
ComboBox4[1][7][2][18]=new Option("Autre,"","");
ComboBox3[1][7][3]=new Option("Autre","","");
//-->> Hébergement - Site - Forum - Blog
ComboBox3[1][8][0]=new Option("Catégorie","","");
ComboBox3[1][8][1]=new Option("Site","","");
ComboBox3[1][8][2]=new Option("Forum","","");
ComboBox3[1][8][3]=new Option("Blog","","");
ComboBox3[1][8][4]=new Option("Autre","","");
//-->> Autre
ComboBox3[1][9][0]=new Option("Catégorie","","");
//-->> Présentation
ComboBox2[2][0]=new Option("Catégorie","","");
ComboBox2[2][1]=new Option("Nouvelles Techologies","","");
//-->> Nouvelles Techologies
ComboBox3[2][1][0]=new Option("Catégorie","","");
ComboBox3[2][1][1]=new Option("Téléphone","","");
ComboBox3[2][1][2]=new Option("Ordinateur","","");
//-->> Ordinateur
ComboBox4[2][1][2][0]=new Option("Catégorie","","");
ComboBox4[2][1][2][1]=new Option("PC","","");
ComboBox4[2][1][2][2]=new Option("MAC","","");
ComboBox4[2][1][2][3]=new Option("Autre","","");
ComboBox3[2][1][3]=new Option("Ordinateur portable","","");
//-->> Ordinateur portable
ComboBox4[2][1][3][0]=new Option("Catégorie","","");
ComboBox4[2][1][3][1]=new Option("PC","","");
ComboBox4[2][1][3][2]=new Option("MAC","","");
ComboBox4[2][1][3][3]=new Option("Autre","","");
ComboBox3[2][1][4]=new Option("Téléphone","","");
//-->> Téléphone
ComboBox4[2][1][4][0]=new Option("Catégorie","","");
ComboBox4[2][1][4][1]=new Option("Fixe","","");
ComboBox4[2][1][4][2]=new Option("Mobile","","");
ComboBox4[2][1][4][3]=new Option("Autre","","");
ComboBox3[2][1][5]=new Option("Autre","","");
ComboBox4[2][3][1][0]=new Option("Catégorie","","");
ComboBox2[2][2]=new Option("Site - Forum - Blog","","");
//-->> Site - Forum - Blog
ComboBox3[2][2][0]=new Option("Catégorie","","");
ComboBox3[2][2][1]=new Option("Site","","");
ComboBox3[2][2][2]=new Option("Forum","","");
ComboBox3[2][2][3]=new Option("Blog","","");
ComboBox3[2][2][4]=new Option("Autre","","");
ComboBox2[2][3]=new Option("Jeux - Console","","");
//-->>Jeux - Console
ComboBox3[2][3][0]=new Option("Catégorie","","");
ComboBox3[2][3][1]=new Option("Jeux","","");
//-->> JEUX
ComboBox4[2][3][1][0]=new Option("Catégorie","","");
ComboBox3[2][3][2]=new Option("Console","","");
//-->> CONSOLE
ComboBox4[2][3][2][0]=new Option("Catégorie","","");
ComboBox4[2][3][2][1]=new Option("PS1","","");
ComboBox4[2][3][2][2]=new Option("PS2","","");
ComboBox4[2][3][2][3]=new Option("PS3","","");
ComboBox4[2][3][2][4]=new Option("PSP","","");
ComboBox4[2][3][2][5]=new Option("Wii","","");
ComboBox4[2][3][2][6]=new Option("Xbox","","");
ComboBox4[2][3][2][7]=new Option("Xbox 360","","");
ComboBox4[2][3][2][8]=new Option("Game boy","","");
ComboBox4[2][3][2][9]=new Option("Game boy color","","");
ComboBox4[2][3][2][10]=new Option("Game boy advence","","");
ComboBox4[2][3][2][11]=new Option("Game boy sp","","");
ComboBox4[2][3][2][12]=new Option("Game cube","","");
ComboBox4[2][3][2][13]=new Option("PC","","");
ComboBox4[2][3][2][14]=new Option("DS","","");
ComboBox4[2][3][2][15]=new Option("Nitendo 64","","");
ComboBox4[2][3][2][16]=new Option("Super Nitendo","","");
ComboBox4[2][3][2][17]=new Option("Mobile","","");
ComboBox4[2][3][2][18]=new Option("Autre,"","");
ComboBox3[2][3][3]=new Option("Autre","","");
ComboBox2[2][4]=new Option("Logiciel","","");
//-->> Logiciel
ComboBox3[2][4][0]=new Option("Catégorie","","");
ComboBox3[2][4][1]=new Option("Freeware","","");
ComboBox3[2][4][2]=new Option("Software","","");
ComboBox3[2][4][3]=new Option("Autre²","","");
ComboBox2[2][5]=new Option("Autre","","");
//-->> Autre
ComboBox3[2][5][0]=new Option("Catégorie","","");
//-->> Définition
ComboBox2[3][0]=new Option("Catégorie","","");
ComboBox2[3][1]=new Option("Vocabulaire informatique","","");
ComboBox2[3][2]=new Option("Autre vocabulaire","","");
//-->> Presse
ComboBox2[4][0]=new Option("Catégorie","","");
ComboBox2[4][1]=new Option("Actualité","","");
//-->> Actualité
ComboBox3[4][1][0]=new Option("Catégorie","","");
ComboBox3[4][1][1]=new Option("Informatique","","");
ComboBox3[4][1][2]=new Option("Autre","","");
ComboBox2[4][2]=new Option("Autre vocabulaire","","");
//-->> Autre
ComboBox2[5][0]=new Option("Catégorie","","");
function ReDirect1(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<ComboBox2[x].length;i++){
temp.options[i]=new Option(ComboBox2[x][i].text,ComboBox2[x][i].value)
}
temp.options[0].selected=true
ReDirect2(0)
}
function ReDirect2(y){
var x=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.selectedIndex
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<ComboBox3[x][y].length;i++){
temp1.options[i]=new Option(ComboBox3[x][y][i].text,ComboBox3[x][y][i].value)
}
temp1.options[0].selected=true
ReDirect3(0)
}
function ReDirect3(z){
var x=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.selectedIndex
var y=document.G1SCRIPTNAME.G1SCRIPTNAME2.options.selectedIndex
for (m=temp2.options.length-1;m>0;m--)
temp2.options[m]=null
for (i=0;i<ComboBox4[x][y][z].length;i++){
temp2.options[i]=new Option(ComboBox4[x][y][z][i].text,ComboBox4[x][y][z][i].value)
}
temp2.options[0].selected=true
}
function ReDirect(z){
window.location=temp2[z].value
}
</SCRIPT>
</td>
</tr>
</table>
</FORM>
</body>
Bon il manquait 2 double côte :
Mais ça marche pas aussi !!
Mais ça marche pas aussi !!
<body><FORM name="G1SCRIPTNAME">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="G1SCRIPTNAME1" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect1(this.options.selectedIndex)">
<option selected>Catégorie</option>
<option>Tutorial</option>
<option>Présentation</option>
<option>Définition</option>
<option>Presse</option>
<option>Autre</option>
</select>
<select name="G1SCRIPTNAME2" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect2(this.options.selectedIndex)">
<option value="" selected> </option>
<option value="" selected>Catégorie</option>
<option value="" selected>Catégorie</option>
</select>
<select name="G1SCRIPTNAME3" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect3(this.options.selectedIndex)">
<option value="" selected> </option>
<option value="" selected>Catégorie</option>
<option value="" selected>Catégorie</option>
</select>
<select name="G1SCRIPTNAME4" size="1" style="font-family: Lucida Console,Verdana, Tahoma, Arial; font-size: 9"
onChange="ReDirect(this.options.selectedIndex)">
<option value="" selected> </option>
<option value="" selected>Catégorie</option>
<option value="" selected>Catégorie</option>
</select>
<SCRIPT language="JavaScript" title="G1SCRIPT">
var temp=document.G1SCRIPTNAME.G1SCRIPTNAME2
var temp1=document.G1SCRIPTNAME.G1SCRIPTNAME3
var temp2=document.G1SCRIPTNAME.G1SCRIPTNAME4
var CB2=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.length
var CB3=document.G1SCRIPTNAME.G1SCRIPTNAME2.options.length
var CB4=document.G1SCRIPTNAME.G1SCRIPTNAME3.options.length
var ComboBox2=new Array(CB2)
var ComboBox3=new Array(CB2)
var ComboBox4=new Array(CB2)
var maximum="12"
var max=eval(maximum-1)
for (a=0; a<=max; a++){
ComboBox2[a]=new Array()
}
for (b=0; b<=max; b++){
ComboBox3[b]=new Array()
for (c=0; c<=max; c++){
ComboBox3[b][c]=new Array()
}}
for (d=0; d<=max; d++){
ComboBox4[d]=new Array()
for (e=0; e<=max; e++){
ComboBox4[d][e]=new Array()
for (f=0;f<=max; f++){
ComboBox4[d][e][f]=new Array()
}}}
//-->> Développement Web
ComboBox2[1][0]=new Option("Catégorie","","");
ComboBox2[1][1]=new Option("Développement Web","","");
ComboBox2[1][2]=new Option("Programmation","","");
ComboBox2[1][3]=new Option("Graphisme","","");
ComboBox2[1][4]=new Option("Logiciel","","");
ComboBox2[1][5]=new Option("Serveur","","");
ComboBox2[1][6]=new Option("Hack - Sécurité","","");
ComboBox2[1][7]=new Option("Jeux - Console","","");
ComboBox2[1][8]=new Option("Hébergement - Site - Forum - Blog","","");
ComboBox2[1][9]=new Option("Autre","","");
//-->> Développement Web
ComboBox3[1][1][0]=new Option("Catégorie","","");
ComboBox3[1][1][1]=new Option("PHP","","");
//-->> PHP
ComboBox4[1][1][1][0]=new Option("Catégorie","","");
ComboBox4[1][1][1][1]=new Option("Fonction","","");
ComboBox4[1][1][1][2]=new Option("Autre","","");
ComboBox3[1][1][2]=new Option("ASPX","","");
ComboBox3[1][1][3]=new Option("ASP","","");
ComboBox3[1][1][4]=new Option("HTML","","");
//-->> HTML
ComboBox4[1][1][4][0]=new Option("Catégorie","","");
ComboBox4[1][1][4][1]=new Option("Balises","","");
ComboBox4[1][1][4][2]=new Option("Autre","","");
ComboBox3[1][1][5]=new Option("XHTML","","");
ComboBox3[1][1][6]=new Option("DHTML","","");
ComboBox3[1][1][7]=new Option("XML","","");
ComboBox3[1][1][8]=new Option("AJAX","","");
ComboBox3[1][1][9]=new Option("CSS","","");
ComboBox3[1][1][10]=new Option("JAVASCRIPT","","");
ComboBox3[1][1][11]=new Option("DHTML","","");
ComboBox3[1][1][12]=new Option("RAILS","","");
ComboBox3[1][1][13]=new Option("APACHE","","");
ComboBox3[1][1][14]=new Option("SQL","","");
ComboBox3[1][1][15]=new Option("FLASH","","");
ComboBox3[1][1][16]=new Option("Autre","","");
//-->> Programmation
ComboBox3[1][2][0]=new Option("Catégorie","","");
ComboBox3[1][2][1]=new Option("C","","");
ComboBox3[1][2][2]=new Option("C+","","");
ComboBox3[1][2][3]=new Option("C++","","");
ComboBox3[1][2][4]=new Option("C#","","");
ComboBox3[1][2][5]=new Option("Delphi","","");
ComboBox3[1][2][6]=new Option("Python","","");
ComboBox3[1][2][7]=new Option("Java","","");
ComboBox3[1][2][8]=new Option("Visual Basic","","");
ComboBox3[1][2][9]=new Option("DotNET","","");
ComboBox3[1][2][10]=new Option("JAVASCRIPT","","");
ComboBox3[1][2][11]=new Option("DOS","","");
ComboBox3[1][2][12]=new Option("MS OFFICE","","");
ComboBox3[1][2][13]=new Option("APACHE","","");
ComboBox3[1][2][14]=new Option("Autre","","");
//-->> Graphisme
ComboBox3[1][3][0]=new Option("Catégorie","","");
ComboBox3[1][3][1]=new Option("2D","","");
ComboBox3[1][3][2]=new Option("3D","","");
ComboBox3[1][3][3]=new Option("Autre","","");
//-->> Logiciel
ComboBox3[1][4][0]=new Option("Catégorie","","");
ComboBox3[1][4][1]=new Option("Photoshop CS3","","");
ComboBox3[1][4][2]=new Option("Illustrator CS3","","");
ComboBox3[1][4][3]=new Option("Dreamweaver CS3","","");
ComboBox3[1][4][4]=new Option("Autre","","");
//-->> Serveur
ComboBox3[1][5][0]=new Option("Catégorie","","");
//-->> Hack - Sécurité
ComboBox3[1][6][0]=new Option("Catégorie","","");
ComboBox3[1][6][1]=new Option("Réseau","","");
ComboBox3[1][6][2]=new Option("System d'exploitation","","");
ComboBox3[1][6][3]=new Option("Logiciel","","");
ComboBox3[1][6][4]=new Option("Site - Serveur","","");
ComboBox3[1][6][5]=new Option("Autre","","");
//-->>Jeux - Console
ComboBox3[1][7][0]=new Option("Catégorie","","");
ComboBox3[1][7][1]=new Option("Jeux","","");
//-->> JEUX
ComboBox4[1][7][1][0]=new Option("Catégorie","","");
ComboBox3[1]7][2]=new Option("Console","","");
//-->> CONSOLE
ComboBox4[1][7][2][0]=new Option("Catégorie","","");
ComboBox4[1][7][2][1]=new Option("PS1","","");
ComboBox4[1][7][2][2]=new Option("PS2","","");
ComboBox4[1][7][2][3]=new Option("PS3","","");
ComboBox4[1][7][2][4]=new Option("PSP","","");
ComboBox4[1][7][2][5]=new Option("Wii","","");
ComboBox4[1][7][2][6]=new Option("Xbox","","");
ComboBox4[1][7][2][7]=new Option("Xbox 360","","");
ComboBox4[1][7][2][8]=new Option("Game boy","","");
ComboBox4[1][7][2][9]=new Option("Game boy color","","");
ComboBox4[1][7][2][10]=new Option("Game boy advence","","");
ComboBox4[1][7][2][11]=new Option("Game boy sp","","");
ComboBox4[1][7][2][12]=new Option("Game cube","","");
ComboBox4[1][7][2][13]=new Option("PC","","");
ComboBox4[1][7][2][14]=new Option("DS","","");
ComboBox4[1][7][2][15]=new Option("Nitendo 64","","");
ComboBox4[1][7][2][16]=new Option("Super Nitendo","","");
ComboBox4[1][7][2][17]=new Option("Mobile","","");
ComboBox4[1][7][2][18]=new Option("Autre","","");
ComboBox3[1][7][3]=new Option("Autre","","");
//-->> Hébergement - Site - Forum - Blog
ComboBox3[1][8][0]=new Option("Catégorie","","");
ComboBox3[1][8][1]=new Option("Site","","");
ComboBox3[1][8][2]=new Option("Forum","","");
ComboBox3[1][8][3]=new Option("Blog","","");
ComboBox3[1][8][4]=new Option("Autre","","");
//-->> Autre
ComboBox3[1][9][0]=new Option("Catégorie","","");
//-->> Présentation
ComboBox2[2][0]=new Option("Catégorie","","");
ComboBox2[2][1]=new Option("Nouvelles Techologies","","");
//-->> Nouvelles Techologies
ComboBox3[2][1][0]=new Option("Catégorie","","");
ComboBox3[2][1][1]=new Option("Téléphone","","");
ComboBox3[2][1][2]=new Option("Ordinateur","","");
//-->> Ordinateur
ComboBox4[2][1][2][0]=new Option("Catégorie","","");
ComboBox4[2][1][2][1]=new Option("PC","","");
ComboBox4[2][1][2][2]=new Option("MAC","","");
ComboBox4[2][1][2][3]=new Option("Autre","","");
ComboBox3[2][1][3]=new Option("Ordinateur portable","","");
//-->> Ordinateur portable
ComboBox4[2][1][3][0]=new Option("Catégorie","","");
ComboBox4[2][1][3][1]=new Option("PC","","");
ComboBox4[2][1][3][2]=new Option("MAC","","");
ComboBox4[2][1][3][3]=new Option("Autre","","");
ComboBox3[2][1][4]=new Option("Téléphone","","");
//-->> Téléphone
ComboBox4[2][1][4][0]=new Option("Catégorie","","");
ComboBox4[2][1][4][1]=new Option("Fixe","","");
ComboBox4[2][1][4][2]=new Option("Mobile","","");
ComboBox4[2][1][4][3]=new Option("Autre","","");
ComboBox3[2][1][5]=new Option("Autre","","");
ComboBox2[2][2]=new Option("Site - Forum - Blog","","");
//-->> Site - Forum - Blog
ComboBox3[2][2][0]=new Option("Catégorie","","");
ComboBox3[2][2][1]=new Option("Site","","");
ComboBox3[2][2][2]=new Option("Forum","","");
ComboBox3[2][2][3]=new Option("Blog","","");
ComboBox3[2][2][4]=new Option("Autre","","");
ComboBox2[2][3]=new Option("Jeux - Console","","");
//-->>Jeux - Console
ComboBox3[2][3][0]=new Option("Catégorie","","");
ComboBox3[2][3][1]=new Option("Jeux","","");
//-->> JEUX
ComboBox4[2][3][1][0]=new Option("Catégorie","","");
ComboBox3[2][3][2]=new Option("Console","","");
//-->> CONSOLE
ComboBox4[2][3][2][0]=new Option("Catégorie","","");
ComboBox4[2][3][2][1]=new Option("PS1","","");
ComboBox4[2][3][2][2]=new Option("PS2","","");
ComboBox4[2][3][2][3]=new Option("PS3","","");
ComboBox4[2][3][2][4]=new Option("PSP","","");
ComboBox4[2][3][2][5]=new Option("Wii","","");
ComboBox4[2][3][2][6]=new Option("Xbox","","");
ComboBox4[2][3][2][7]=new Option("Xbox 360","","");
ComboBox4[2][3][2][8]=new Option("Game boy","","");
ComboBox4[2][3][2][9]=new Option("Game boy color","","");
ComboBox4[2][3][2][10]=new Option("Game boy advence","","");
ComboBox4[2][3][2][11]=new Option("Game boy sp","","");
ComboBox4[2][3][2][12]=new Option("Game cube","","");
ComboBox4[2][3][2][13]=new Option("PC","","");
ComboBox4[2][3][2][14]=new Option("DS","","");
ComboBox4[2][3][2][15]=new Option("Nitendo 64","","");
ComboBox4[2][3][2][16]=new Option("Super Nitendo","","");
ComboBox4[2][3][2][17]=new Option("Mobile","","");
ComboBox4[2][3][2][18]=new Option("Autre","","");
ComboBox3[2][3][3]=new Option("Autre","","");
ComboBox2[2][4]=new Option("Logiciel","","");
//-->> Logiciel
ComboBox3[2][4][0]=new Option("Catégorie","","");
ComboBox3[2][4][1]=new Option("Freeware","","");
ComboBox3[2][4][2]=new Option("Software","","");
ComboBox3[2][4][3]=new Option("Autre","","");
ComboBox2[2][5]=new Option("Autre","","");
//-->> Autre
ComboBox3[2][5][0]=new Option("Catégorie","","");
//-->> Définition
ComboBox2[3][0]=new Option("Catégorie","","");
ComboBox2[3][1]=new Option("Vocabulaire informatique","","");
ComboBox2[3][2]=new Option("Autre vocabulaire","","");
//-->> Presse
ComboBox2[4][0]=new Option("Catégorie","","");
ComboBox2[4][1]=new Option("Actualité","","");
//-->> Actualité
ComboBox3[4][1][0]=new Option("Catégorie","","");
ComboBox3[4][1][1]=new Option("Informatique","","");
ComboBox3[4][1][2]=new Option("Autre","","");
ComboBox2[4][2]=new Option("Autre vocabulaire","","");
//-->> Autre
ComboBox2[5][0]=new Option("Catégorie","","");
function ReDirect1(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<ComboBox2[x].length;i++){
temp.options[i]=new Option(ComboBox2[x][i].text,ComboBox2[x][i].value)
}
temp.options[0].selected=true
ReDirect2(0)
}
function ReDirect2(y){
var x=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.selectedIndex
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<ComboBox3[x][y].length;i++){
temp1.options[i]=new Option(ComboBox3[x][y][i].text,ComboBox3[x][y][i].value)
}
temp1.options[0].selected=true
ReDirect3(0)
}
function ReDirect3(z){
var x=document.G1SCRIPTNAME.G1SCRIPTNAME1.options.selectedIndex
var y=document.G1SCRIPTNAME.G1SCRIPTNAME2.options.selectedIndex
for (m=temp2.options.length-1;m>0;m--)
temp2.options[m]=null
for (i=0;i<ComboBox4[x][y][z].length;i++){
temp2.options[i]=new Option(ComboBox4[x][y][z][i].text,ComboBox4[x][y][z][i].value)
}
temp2.options[0].selected=true
}
function ReDirect(z){
window.location=temp2[z].value
}
</SCRIPT>
</td>
</tr>
</table>
</FORM>
</body>
Bjr
Un truc que j'ai adapté d'un arbre
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
Un truc que j'ai adapté d'un arbre
<html>
<head>
<script>
function ObjectManager()
{
this.items = new Object();
this.count = 0;
}
ObjectManager.prototype.register=function(obj)
{
obj.id="obj_"+this.count;
this.items[obj.id] = obj;
this.count++;
return obj.id;
}
var objectManager = new ObjectManager;
function TreeNode(treeId,parentNode,name,caption, url,target)
{
this.childNodes = new Array();
this.name = name;
this.url = url;
this.target = target;
this.caption = caption;
this.parentNode = parentNode;
this.selectedChildIndex = -1;
this.treeId=treeId;
this.index = -1;
}
TreeNode.prototype.addNode = function(caption, url, target, name)
{
var node = new TreeNode(this.treeId,this,name,caption, url,target);
this.childNodes[this.childNodes.length]=node;
node.index = this.childNodes.length-1;
return node;
}
TreeNode.prototype.expand = function()
{
this.loadSelect();
}
TreeNode.prototype.deselect = function()
{
if (this.parentNode) this.parentNode.selectedChildIndex = -1;
}
TreeNode.prototype.deselectAll = function(node)
{
while (node)
{
if (node.selectedChildIndex != -1)
{
node.deselect();
node = node.childNodes[node.selectedChildIndex];
}
else
{
node = null;
}
}
}
TreeNode.prototype.expandAll = function(node)
{
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node = node.childNodes[0];
}
else
{
node = null;
}
}
}
TreeNode.prototype.select = function()
{
this.deselectAll(this);
if (this.parentNode)
{
this.parentNode.selectedChildIndex = this.index;
}
var lastNode = null;
var node = this;
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node.selectedChildIndex = 0;
node = node.childNodes[0];
}
else
{
lastNode = node;
node = null;
}
}
if (lastNode)
{
var tree = objectManager.items[this.treeId];
tree.disableSelect(lastNode);
}
}
TreeNode.prototype.getDepth = function()
{
var level = 0;
parentNode = this.parentNode;
while (parentNode)
{
level++;
parentNode = parentNode.parentNode;
}
return level;
}
function Tree_selectOnChange()
{
var tree = objectManager.items[this.treeId];
var node = tree.findSelectedNode(this.depth);
if (node)
{
node = node.childNodes[this.selectedIndex];
if (node.url)
{
window.location=node.url;
}
else
{
node.select();
}
}
}
TreeNode.prototype.loadSelect= function(prefix)
{
var tree = objectManager.items[this.treeId];
var list = document.getElementById(tree.prefix+this.getDepth());
if (list)
{
list.length=0;
list.disabled = false;
for (var i=0; i< this.childNodes.length; i++)
{
var node = this.childNodes[i];
var caption = (node.caption) ? node.caption : node.name;
var opt = new Option(caption,node.name,false,false);
list.options[list.length]=opt;
}
}
}
function Tree(name,caption, url,target)
{
var id = objectManager.register(this);
TreeNode.call(this,id, null, name,caption, url,target);
this.maxDepth = 0;
this.prefix="";
}
Tree.prototype = new TreeNode();
Tree.prototype.findSelectedNode = function(depth)
{
var node = this;
for (i=0; i < depth; i++)
{
if (node.selectedChildIndex == -1)
{
node = null;
break;
}
else
{
node = node.childNodes[node.selectedChildIndex];
}
}
return node;
}
Tree.prototype.disableSelect = function(node)
{
var depth= node.getDepth();
for (var i = depth; i < this.maxDepth; i++)
{
var list = document.getElementById(this.prefix+i);
if (list)
{
list.length=0;
list.disabled = true;
}
}
}
Tree.prototype.explore = function(callBack)
{
var depth = -1;
var tree=this;
function internalExplore(node)
{
if (node)
{
depth++;
if (callBack) callBack(tree,node,depth);
for (var i=0; i< node.childNodes.length; i++)
{
internalExplore(node.childNodes[i]);
}
depth--;
}
}
internalExplore(this);
depth=null;
tree=null;
}
function Tree_CallBackDepth(tree,node,depth)
{
if (depth > tree.maxDepth) tree.maxDepth=depth;
}
Tree.prototype.init = function(prefix)
{
this.maxDepth = 0;
this.prefix=prefix;
this.explore(Tree_CallBackDepth);
for (var i=0 ; i< this.maxDepth; i++)
{
var list=document.getElementById(this.prefix+i);
if (list)
{
list.length = 0;
list.onchange = Tree_selectOnChange;
list.depth = i;
list.treeId = this.id;
}
}
this.selectedChildIndex = 0;
menu.select(0);
}
var menu = new Tree("racine","","");
niveau0 = menu.addNode("Tutorial");
niveau1 = niveau0.addNode("Développement Web");
niveau2 = niveau1.addNode("PHP");
niveau2.addNode("Fonction");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("ASPX");
niveau2 = niveau1.addNode("ASP");
niveau2 = niveau1.addNode("HTML");
niveau2.addNode("Balises");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("XHTML","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("XML","","");
niveau2 = niveau1.addNode("AJAX","","");
niveau2 = niveau1.addNode("CSS","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("RAILS","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("SQL","","");
niveau2 = niveau1.addNode("FLASH","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Programmation");
niveau2 = niveau1.addNode("C","","");
niveau2 = niveau1.addNode("C+","","");
niveau2 = niveau1.addNode("C++","","");
niveau2 = niveau1.addNode("C#","","");
niveau2 = niveau1.addNode("Delphi","","");
niveau2 = niveau1.addNode("Python","","");
niveau2 = niveau1.addNode("Java","","");
niveau2 = niveau1.addNode("Visual Basic","","");
niveau2 = niveau1.addNode("DotNET","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DOS","","");
niveau2 = niveau1.addNode("MS OFFICE","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Graphisme");
niveau2 = niveau1.addNode("2D","","");
niveau2 = niveau1.addNode("3D","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Logiciel");
niveau2 = niveau1.addNode("Photoshop CS3","","");
niveau2 = niveau1.addNode("Illustrator CS3","","");
niveau2 = niveau1.addNode("Dreamweaver CS3","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Serveur");
niveau1 = niveau0.addNode("Hack - Sécurité");
niveau2 = niveau1.addNode("Réseau","","");
niveau2 = niveau1.addNode("System d'exploitation","","");
niveau2 = niveau1.addNode("Logiciel","","");
niveau2 = niveau1.addNode("Site - Serveur","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Jeux - Console");
niveau2 = niveau1.addNode("Jeux","","");
niveau1 = niveau0.addNode("Hébergement - Site - Forum - Blog");
niveau1 = niveau0.addNode("Autre");
niveau0 = menu.addNode("Présentation");
niveau0 = menu.addNode("Définition");
niveau0 = menu.addNode("Presse");
niveau0 = menu.addNode("Autre","");
niveau0 = menu.addNode("Google","https://www.google.fr/?gws_rd=ssl");
function load()
{
menu.init("list");
}
</script>
</head>
<body onload="load()";>
<form>
<select id="list0" name="list0">
</select>
<select id="list1" name="list1">
</select>
<select id="list2" name="list2">
</select>
<select id="list3" name="list3">
</select>
</form>
</body>
</html>--
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
Merci, en réalité c'est le meilleur !!
Mais comment doit-je faire afin qu'il s'adapte :
Mais comment doit-je faire afin qu'il s'adapte :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="editeur/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
// elm2
tinyMCE.init({
// General options
mode : "exact",
elements : "elm2",
theme : "advanced",
skin : "o2k7",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups",
// Theme options
theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "editeur/editeur/css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "editeur/editeur/lists/template_list.js",
external_link_list_url : "editeur/editeur/lists/link_list.js",
external_image_list_url : "editeur/editeur/lists/image_list.js",
media_external_list_url : "editeur/editeur/lists/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>
</head>
<?php
echo'
<form method="post" name="categorie" action="script/nouvel_article.php" id="text">
<br/>
<font color="'.$couleur_text.'" size="'.$taille_text.'" face="'.$police_text.'">Titre de l\'article :</font>
<br/>
<input type="text" name="titre" size="100" maxlength="100" style="color:'.$couleur_text_champs.'; border: 1px solid '.$couleur_contour_champs.'; text-align:center; font-size:'.$taille_text_champs.'; font-family:'.$police_text_champs.'; background-color: '.$couleur_fond_champs.'">
<br/>
<font color="'.$couleur_text.'" size="'.$taille_text.'" face="'.$police_text.'">Catégorie :</font>
<br/>
<font color="'.$couleur_text.'" size="'.$taille_text.'" face="'.$police_text.'">Le contenu de l\'article :</font>
<br/>
<html>
<head>
<script>
function ObjectManager()
{
this.items = new Object();
this.count = 0;
}
ObjectManager.prototype.register=function(obj)
{
obj.id="obj_"+this.count;
this.items[obj.id] = obj;
this.count++;
return obj.id;
}
var objectManager = new ObjectManager;
function TreeNode(treeId,parentNode,name,caption, url,target)
{
this.childNodes = new Array();
this.name = name;
this.url = url;
this.target = target;
this.caption = caption;
this.parentNode = parentNode;
this.selectedChildIndex = -1;
this.treeId=treeId;
this.index = -1;
}
TreeNode.prototype.addNode = function(caption, url, target, name)
{
var node = new TreeNode(this.treeId,this,name,caption, url,target);
this.childNodes[this.childNodes.length]=node;
node.index = this.childNodes.length-1;
return node;
}
TreeNode.prototype.expand = function()
{
this.loadSelect();
}
TreeNode.prototype.deselect = function()
{
if (this.parentNode) this.parentNode.selectedChildIndex = -1;
}
TreeNode.prototype.deselectAll = function(node)
{
while (node)
{
if (node.selectedChildIndex != -1)
{
node.deselect();
node = node.childNodes[node.selectedChildIndex];
}
else
{
node = null;
}
}
}
TreeNode.prototype.expandAll = function(node)
{
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node = node.childNodes[0];
}
else
{
node = null;
}
}
}
TreeNode.prototype.select = function()
{
this.deselectAll(this);
if (this.parentNode)
{
this.parentNode.selectedChildIndex = this.index;
}
var lastNode = null;
var node = this;
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node.selectedChildIndex = 0;
node = node.childNodes[0];
}
else
{
lastNode = node;
node = null;
}
}
if (lastNode)
{
var tree = objectManager.items[this.treeId];
tree.disableSelect(lastNode);
}
}
TreeNode.prototype.getDepth = function()
{
var level = 0;
parentNode = this.parentNode;
while (parentNode)
{
level++;
parentNode = parentNode.parentNode;
}
return level;
}
function Tree_selectOnChange()
{
var tree = objectManager.items[this.treeId];
var node = tree.findSelectedNode(this.depth);
if (node)
{
node = node.childNodes[this.selectedIndex];
if (node.url)
{
window.location=node.url;
}
else
{
node.select();
}
}
}
TreeNode.prototype.loadSelect= function(prefix)
{
var tree = objectManager.items[this.treeId];
var list = document.getElementById(tree.prefix+this.getDepth());
if (list)
{
list.length=0;
list.disabled = false;
for (var i=0; i< this.childNodes.length; i++)
{
var node = this.childNodes[i];
var caption = (node.caption) ? node.caption : node.name;
var opt = new Option(caption,node.name,false,false);
list.options[list.length]=opt;
}
}
}
function Tree(name,caption, url,target)
{
var id = objectManager.register(this);
TreeNode.call(this,id, null, name,caption, url,target);
this.maxDepth = 0;
this.prefix="";
}
Tree.prototype = new TreeNode();
Tree.prototype.findSelectedNode = function(depth)
{
var node = this;
for (i=0; i < depth; i++)
{
if (node.selectedChildIndex == -1)
{
node = null;
break;
}
else
{
node = node.childNodes[node.selectedChildIndex];
}
}
return node;
}
Tree.prototype.disableSelect = function(node)
{
var depth= node.getDepth();
for (var i = depth; i < this.maxDepth; i++)
{
var list = document.getElementById(this.prefix+i);
if (list)
{
list.length=0;
list.disabled = true;
}
}
}
Tree.prototype.explore = function(callBack)
{
var depth = -1;
var tree=this;
function internalExplore(node)
{
if (node)
{
depth++;
if (callBack) callBack(tree,node,depth);
for (var i=0; i< node.childNodes.length; i++)
{
internalExplore(node.childNodes[i]);
}
depth--;
}
}
internalExplore(this);
depth=null;
tree=null;
}
function Tree_CallBackDepth(tree,node,depth)
{
if (depth > tree.maxDepth) tree.maxDepth=depth;
}
Tree.prototype.init = function(prefix)
{
this.maxDepth = 0;
this.prefix=prefix;
this.explore(Tree_CallBackDepth);
for (var i=0 ; i< this.maxDepth; i++)
{
var list=document.getElementById(this.prefix+i);
if (list)
{
list.length = 0;
list.onchange = Tree_selectOnChange;
list.depth = i;
list.treeId = this.id;
}
}
this.selectedChildIndex = 0;
menu.select(0);
}
var menu = new Tree("racine","","");
niveau0 = menu.addNode("Tutorial");
niveau1 = niveau0.addNode("Développement Web");
niveau2 = niveau1.addNode("PHP");
niveau2.addNode("Fonction");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("ASPX");
niveau2 = niveau1.addNode("ASP");
niveau2 = niveau1.addNode("HTML");
niveau2.addNode("Balises");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("XHTML","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("XML","","");
niveau2 = niveau1.addNode("AJAX","","");
niveau2 = niveau1.addNode("CSS","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("RAILS","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("SQL","","");
niveau2 = niveau1.addNode("FLASH","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Programmation");
niveau2 = niveau1.addNode("C","","");
niveau2 = niveau1.addNode("C+","","");
niveau2 = niveau1.addNode("C++","","");
niveau2 = niveau1.addNode("C#","","");
niveau2 = niveau1.addNode("Delphi","","");
niveau2 = niveau1.addNode("Python","","");
niveau2 = niveau1.addNode("Java","","");
niveau2 = niveau1.addNode("Visual Basic","","");
niveau2 = niveau1.addNode("DotNET","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DOS","","");
niveau2 = niveau1.addNode("MS OFFICE","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Graphisme");
niveau2 = niveau1.addNode("2D","","");
niveau2 = niveau1.addNode("3D","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Logiciel");
niveau2 = niveau1.addNode("Photoshop CS3","","");
niveau2 = niveau1.addNode("Illustrator CS3","","");
niveau2 = niveau1.addNode("Dreamweaver CS3","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Serveur");
niveau1 = niveau0.addNode("Hack - Sécurité");
niveau2 = niveau1.addNode("Réseau","","");
niveau2 = niveau1.addNode("System d\'exploitation","","");
niveau2 = niveau1.addNode("Logiciel","","");
niveau2 = niveau1.addNode("Site - Serveur","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Jeux - Console");
niveau2 = niveau1.addNode("Jeux","","");
niveau1 = niveau0.addNode("Hébergement - Site - Forum - Blog");
niveau1 = niveau0.addNode("Autre");
niveau0 = menu.addNode("Présentation");
niveau0 = menu.addNode("Définition");
niveau0 = menu.addNode("Presse");
niveau0 = menu.addNode("Autre","");
niveau0 = menu.addNode("Google","https://www.google.fr/?gws_rd=ssl");
function load()
{
menu.init("list");
}
</script>
</head>
<body onload="load()";>
<form>
<select id="list0" name="list0">
</select>
<select id="list1" name="list1">
</select>
<select id="list2" name="list2">
</select>
<select id="list3" name="list3">
</select>
</form>
</body>
</html>
<body>
<textarea id="elm2" name="contenu" rows="45" cols="100" style="width: 100%">
'.$style_article_contenu.'
</textarea>
</body>
<br/>
<font color="'.$couleur_text.'" size="'.$taille_text.'" face="'.$police_text.'">Mot(s) clef(s), séparez par une virgule chaque mot clef:</font>
<br/>
<input type="text" name="mot_clef" size="80" maxlength="80" style="color:'.$couleur_text_champs.'; border: 1px solid '.$couleur_contour_champs.'; text-align:center; font-size:'.$taille_text_champs.'; font-family:'.$police_text_champs.'; background-color: '.$couleur_fond_champs.'">
<br/>
<p><font face="Verdana" size="2" color="#808080">Les mots clefs sont prélevés dans le contenu de l\'article, ceux-ci sont supplémentaires.</font></p>
<br/>
<div align="center"><div align="center"><a href="javascript:document.getElementById(\'text\').submit()" OnMouseDown="img1.src=\''.$btn_editer.'\'" OnMouseUp="img1.src=\''.$btn_editer.'\'"><img border="0" src="'.$btn_editer.'"></a></div>
</form>
';
?>
</html>
Bjr
je ne comprends pas ce que tu cherches à faire... désolé ;-(
dans ton code tu as plusieurs fois <body>...</body> ???? ce sont des pages différentes ??
tu utilises une libraire tiny_mce apparemment or je ne la connais absolument pas : elle sert à quoi ?
je ne comprends pas ce que tu cherches à faire... désolé ;-(
dans ton code tu as plusieurs fois <body>...</body> ???? ce sont des pages différentes ??
tu utilises une libraire tiny_mce apparemment or je ne la connais absolument pas : elle sert à quoi ?
Pour les multiples body, c'est une erreur de ma part...
Donc je cherche à mettre un éditeur de texte : tiny_mce comme ici : https://www.tiny.cloud/docs/demo/full-featured/
Mais juste au dessus à sélectionner une catégorie...
Donc je cherche à mettre un éditeur de texte : tiny_mce comme ici : https://www.tiny.cloud/docs/demo/full-featured/
Mais juste au dessus à sélectionner une catégorie...
ha d'ac
Super éditeur wysiwyg !
Alors si tu sépares le code de mon menu dans
menu.js :
et
menu.php
pour que cet ex fonctionne tu dois créer les 2 fichiers menu.js et menu.php et les stocker dans le répertoire examples de tinymce
après tu adaptes , tu adaptes lol
Super éditeur wysiwyg !
Alors si tu sépares le code de mon menu dans
menu.js :
function ObjectManager()
{
this.items = new Object();
this.count = 0;
}
ObjectManager.prototype.register=function(obj)
{
obj.id="obj_"+this.count;
this.items[obj.id] = obj;
this.count++;
return obj.id;
}
var objectManager = new ObjectManager;
function TreeNode(treeId,parentNode,name,caption, url,target)
{
this.childNodes = new Array();
if (!name)
{
this.name = " ";
}
this.name = name;
this.url = url;
this.target = target;
this.caption = caption;
this.parentNode = parentNode;
this.selectedChildIndex = -1;
this.treeId=treeId;
this.index = -1;
}
TreeNode.prototype.addNode = function(caption, url, target, name)
{
var node = new TreeNode(this.treeId,this,name,caption, url,target);
this.childNodes[this.childNodes.length]=node;
node.index = this.childNodes.length-1;
return node;
}
TreeNode.prototype.expand = function()
{
this.loadSelect();
}
TreeNode.prototype.deselect = function()
{
if (this.parentNode) this.parentNode.selectedChildIndex = -1;
}
TreeNode.prototype.deselectAll = function(node)
{
while (node)
{
if (node.selectedChildIndex != -1)
{
node.deselect();
node = node.childNodes[node.selectedChildIndex];
}
else
{
node = null;
}
}
}
TreeNode.prototype.expandAll = function(node)
{
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node = node.childNodes[0];
}
else
{
node = null;
}
}
}
TreeNode.prototype.select = function()
{
this.deselectAll(this);
if (this.parentNode)
{
this.parentNode.selectedChildIndex = this.index;
}
var lastNode = null;
var node = this;
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node.selectedChildIndex = 0;
node = node.childNodes[0];
}
else
{
lastNode = node;
node = null;
}
}
if (lastNode)
{
var tree = objectManager.items[this.treeId];
tree.disableSelect(lastNode);
}
}
TreeNode.prototype.getDepth = function()
{
var level = 0;
parentNode = this.parentNode;
while (parentNode)
{
level++;
parentNode = parentNode.parentNode;
}
return level;
}
function Tree_selectOnChange()
{
var tree = objectManager.items[this.treeId];
var node = tree.findSelectedNode(this.depth);
if (node)
{
node = node.childNodes[this.selectedIndex];
if (node.url)
{
window.location=node.url;
}
else
{
node.select();
}
}
}
TreeNode.prototype.loadSelect= function(prefix)
{
var tree = objectManager.items[this.treeId];
var list = document.getElementById(tree.prefix+this.getDepth());
if (list)
{
list.length=0;
list.disabled = false;
for (var i=0; i< this.childNodes.length; i++)
{
var node = this.childNodes[i];
var caption = (node.caption) ? node.caption : node.name;
var opt = new Option(caption,node.name,false,false);
list.options[list.length]=opt;
}
}
}
function Tree(name,caption, url,target)
{
var id = objectManager.register(this);
TreeNode.call(this,id, null, name,caption, url,target);
this.maxDepth = 0;
this.prefix="";
}
Tree.prototype = new TreeNode();
Tree.prototype.findSelectedNode = function(depth)
{
var node = this;
for (i=0; i < depth; i++)
{
if (node.selectedChildIndex == -1)
{
node = null;
break;
}
else
{
node = node.childNodes[node.selectedChildIndex];
}
}
return node;
}
Tree.prototype.disableSelect = function(node)
{
var depth= node.getDepth();
for (var i = depth; i < this.maxDepth; i++)
{
var list = document.getElementById(this.prefix+i);
if (list)
{
list.length=0;
list.disabled = true;
}
}
}
Tree.prototype.explore = function(callBack)
{
var depth = -1;
var tree=this;
function internalExplore(node)
{
if (node)
{
depth++;
if (callBack) callBack(tree,node,depth);
for (var i=0; i< node.childNodes.length; i++)
{
internalExplore(node.childNodes[i]);
}
depth--;
}
}
internalExplore(this);
depth=null;
tree=null;
}
function Tree_CallBackDepth(tree,node,depth)
{
if (depth > tree.maxDepth) tree.maxDepth=depth;
}
Tree.prototype.init = function(prefix)
{
this.maxDepth = 0;
this.prefix=prefix;
this.explore(Tree_CallBackDepth);
for (var i=0 ; i< this.maxDepth; i++)
{
var list=document.getElementById(this.prefix+i);
if (list)
{
list.length = 0;
list.onchange = Tree_selectOnChange;
list.depth = i;
list.treeId = this.id;
}
}
this.selectedChildIndex = 0;
menu.select(0);
}
et
menu.php
<html>
<head>
<style>
*
{
font-family : arial;
}
</style>
<script type="text/javascript" src="menu.js"></script>
<script>
var menu = new Tree("racine","","");
niveau0 = menu.addNode("Tutorial");
niveau1 = niveau0.addNode("Développement Web");
niveau2 = niveau1.addNode("PHP");
niveau2.addNode("Fonction");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("ASPX");
niveau2 = niveau1.addNode("ASP");
niveau2 = niveau1.addNode("HTML");
niveau2.addNode("Balises");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("XHTML","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("XML","","");
niveau2 = niveau1.addNode("AJAX","","");
niveau2 = niveau1.addNode("CSS","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("RAILS","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("SQL","","");
niveau2 = niveau1.addNode("FLASH","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Programmation");
niveau2 = niveau1.addNode("C","","");
niveau2 = niveau1.addNode("C+","","");
niveau2 = niveau1.addNode("C++","","");
niveau2 = niveau1.addNode("C#","","");
niveau2 = niveau1.addNode("Delphi","","");
niveau2 = niveau1.addNode("Python","","");
niveau2 = niveau1.addNode("Java","","");
niveau2 = niveau1.addNode("Visual Basic","","");
niveau2 = niveau1.addNode("DotNET","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DOS","","");
niveau2 = niveau1.addNode("MS OFFICE","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Graphisme");
niveau2 = niveau1.addNode("2D","","");
niveau2 = niveau1.addNode("3D","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Logiciel");
niveau2 = niveau1.addNode("Photoshop CS3","","");
niveau2 = niveau1.addNode("Illustrator CS3","","");
niveau2 = niveau1.addNode("Dreamweaver CS3","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Serveur");
niveau1 = niveau0.addNode("Hack - Sécurité");
niveau2 = niveau1.addNode("Réseau","","");
niveau2 = niveau1.addNode("System d'exploitation","","");
niveau2 = niveau1.addNode("Logiciel","","");
niveau2 = niveau1.addNode("Site - Serveur","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Jeux - Console");
niveau2 = niveau1.addNode("Jeux","","");
niveau1 = niveau0.addNode("Hébergement - Site - Forum - Blog");
niveau1 = niveau0.addNode("Autre");
niveau0 = menu.addNode("Présentation");
niveau0 = menu.addNode("Définition");
niveau0 = menu.addNode("Presse");
niveau0 = menu.addNode("Autre","");
niveau0 = menu.addNode("Google","https://www.google.fr/?gws_rd=ssl");
function load()
{
menu.init("list");
}
</script>
<!-- TinyMCE -->
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>
<!-- /TinyMCE -->
</head>
<body onload="load()";>
<form method="post" name="categorie" action="script/nouvel_article.php" id="text">
<table>
<tr>
<td>Titre de l'article :</td>
<td><input type="text" name="titre" size="100" maxlength="100"></td>
</tr>
<tr>
<td>Catégorie : </td>
<td>
<select id="list0" name="list0">
</select>
<select id="list1" name="list1">
</select>
<select id="list2" name="list2">
</select>
<select id="list3" name="list3">
</select></td>
</tr>
<tr>
<td colspan="2">
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
Ceci est juste un test
</textarea>
</td>
</tr>
</table>
</form>
</body>
</html>
pour que cet ex fonctionne tu dois créer les 2 fichiers menu.js et menu.php et les stocker dans le répertoire examples de tinymce
après tu adaptes , tu adaptes lol
Merci ça fonctionne parfaitement avec 1 seule modification :
au lieu de :
tinyMCE.init({
// General options
mode : "exact",
elements : "elm2",
theme : "advanced",
skin : "o2k7",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups",
// Theme options
theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,fontselect,fontsizeselect",
theme_advanced_buttons2 : "search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "editeur/editeur/css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "editeur/editeur/lists/template_list.js",
external_link_list_url : "editeur/editeur/lists/link_list.js",
external_image_list_url : "editeur/editeur/lists/image_list.js",
media_external_list_url : "editeur/editeur/lists/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
au lieu de :
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
Par contre lorsque j'essaie de réceptionner les champs en php la valeur des champs non grisé sont toujours : undefined
???
Merci
<?php //-->> RÉCEPTION DES CHAMPS $categorie1 = $_POST['list0']; $categorie2 = $_POST['list1']; $categorie3 = $_POST['list2']; $categorie4 = $_POST['list3']; //-->> AFFICHAGE echo "$categorie1 : $categorie2 : $categorie3 : $categorie4"; ?>
???
Merci
le problème c'est que moi qd je teste ça fonctionne !
alors je ne sais pas quoi te dire
es-tu bien sûr que tu as un seul et même formulaire dans ta page ? un seul bloc <form> ... </form> et que les listes en font parties ?
alors je ne sais pas quoi te dire
es-tu bien sûr que tu as un seul et même formulaire dans ta page ? un seul bloc <form> ... </form> et que les listes en font parties ?
J'ai même essayé le code de base :
index.html :
recu.php :
Comment avez vous fait dans vos testes afin de réceptionner ?
index.html :
<html>
<head>
<script>
function ObjectManager()
{
this.items = new Object();
this.count = 0;
}
ObjectManager.prototype.register=function(obj)
{
obj.id="obj_"+this.count;
this.items[obj.id] = obj;
this.count++;
return obj.id;
}
var objectManager = new ObjectManager;
function TreeNode(treeId,parentNode,name,caption, url,target)
{
this.childNodes = new Array();
this.name = name;
this.url = url;
this.target = target;
this.caption = caption;
this.parentNode = parentNode;
this.selectedChildIndex = -1;
this.treeId=treeId;
this.index = -1;
}
TreeNode.prototype.addNode = function(caption, url, target, name)
{
var node = new TreeNode(this.treeId,this,name,caption, url,target);
this.childNodes[this.childNodes.length]=node;
node.index = this.childNodes.length-1;
return node;
}
TreeNode.prototype.expand = function()
{
this.loadSelect();
}
TreeNode.prototype.deselect = function()
{
if (this.parentNode) this.parentNode.selectedChildIndex = -1;
}
TreeNode.prototype.deselectAll = function(node)
{
while (node)
{
if (node.selectedChildIndex != -1)
{
node.deselect();
node = node.childNodes[node.selectedChildIndex];
}
else
{
node = null;
}
}
}
TreeNode.prototype.expandAll = function(node)
{
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node = node.childNodes[0];
}
else
{
node = null;
}
}
}
TreeNode.prototype.select = function()
{
this.deselectAll(this);
if (this.parentNode)
{
this.parentNode.selectedChildIndex = this.index;
}
var lastNode = null;
var node = this;
while (node)
{
if (node.childNodes.length != 0)
{
node.expand();
node.selectedChildIndex = 0;
node = node.childNodes[0];
}
else
{
lastNode = node;
node = null;
}
}
if (lastNode)
{
var tree = objectManager.items[this.treeId];
tree.disableSelect(lastNode);
}
}
TreeNode.prototype.getDepth = function()
{
var level = 0;
parentNode = this.parentNode;
while (parentNode)
{
level++;
parentNode = parentNode.parentNode;
}
return level;
}
function Tree_selectOnChange()
{
var tree = objectManager.items[this.treeId];
var node = tree.findSelectedNode(this.depth);
if (node)
{
node = node.childNodes[this.selectedIndex];
if (node.url)
{
window.location=node.url;
}
else
{
node.select();
}
}
}
TreeNode.prototype.loadSelect= function(prefix)
{
var tree = objectManager.items[this.treeId];
var list = document.getElementById(tree.prefix+this.getDepth());
if (list)
{
list.length=0;
list.disabled = false;
for (var i=0; i< this.childNodes.length; i++)
{
var node = this.childNodes[i];
var caption = (node.caption) ? node.caption : node.name;
var opt = new Option(caption,node.name,false,false);
list.options[list.length]=opt;
}
}
}
function Tree(name,caption, url,target)
{
var id = objectManager.register(this);
TreeNode.call(this,id, null, name,caption, url,target);
this.maxDepth = 0;
this.prefix="";
}
Tree.prototype = new TreeNode();
Tree.prototype.findSelectedNode = function(depth)
{
var node = this;
for (i=0; i < depth; i++)
{
if (node.selectedChildIndex == -1)
{
node = null;
break;
}
else
{
node = node.childNodes[node.selectedChildIndex];
}
}
return node;
}
Tree.prototype.disableSelect = function(node)
{
var depth= node.getDepth();
for (var i = depth; i < this.maxDepth; i++)
{
var list = document.getElementById(this.prefix+i);
if (list)
{
list.length=0;
list.disabled = true;
}
}
}
Tree.prototype.explore = function(callBack)
{
var depth = -1;
var tree=this;
function internalExplore(node)
{
if (node)
{
depth++;
if (callBack) callBack(tree,node,depth);
for (var i=0; i< node.childNodes.length; i++)
{
internalExplore(node.childNodes[i]);
}
depth--;
}
}
internalExplore(this);
depth=null;
tree=null;
}
function Tree_CallBackDepth(tree,node,depth)
{
if (depth > tree.maxDepth) tree.maxDepth=depth;
}
Tree.prototype.init = function(prefix)
{
this.maxDepth = 0;
this.prefix=prefix;
this.explore(Tree_CallBackDepth);
for (var i=0 ; i< this.maxDepth; i++)
{
var list=document.getElementById(this.prefix+i);
if (list)
{
list.length = 0;
list.onchange = Tree_selectOnChange;
list.depth = i;
list.treeId = this.id;
}
}
this.selectedChildIndex = 0;
menu.select(0);
}
var menu = new Tree("racine","","");
niveau0 = menu.addNode("Tutorial");
niveau1 = niveau0.addNode("Développement Web");
niveau2 = niveau1.addNode("PHP");
niveau2.addNode("Fonction");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("ASPX");
niveau2 = niveau1.addNode("ASP");
niveau2 = niveau1.addNode("HTML");
niveau2.addNode("Balises");
niveau2.addNode("Autre");
niveau2 = niveau1.addNode("XHTML","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("XML","","");
niveau2 = niveau1.addNode("AJAX","","");
niveau2 = niveau1.addNode("CSS","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DHTML","","");
niveau2 = niveau1.addNode("RAILS","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("SQL","","");
niveau2 = niveau1.addNode("FLASH","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Programmation");
niveau2 = niveau1.addNode("C","","");
niveau2 = niveau1.addNode("C+","","");
niveau2 = niveau1.addNode("C++","","");
niveau2 = niveau1.addNode("C#","","");
niveau2 = niveau1.addNode("Delphi","","");
niveau2 = niveau1.addNode("Python","","");
niveau2 = niveau1.addNode("Java","","");
niveau2 = niveau1.addNode("Visual Basic","","");
niveau2 = niveau1.addNode("DotNET","","");
niveau2 = niveau1.addNode("JAVASCRIPT","","");
niveau2 = niveau1.addNode("DOS","","");
niveau2 = niveau1.addNode("MS OFFICE","","");
niveau2 = niveau1.addNode("APACHE","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Graphisme");
niveau2 = niveau1.addNode("2D","","");
niveau2 = niveau1.addNode("3D","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Logiciel");
niveau2 = niveau1.addNode("Photoshop CS3","","");
niveau2 = niveau1.addNode("Illustrator CS3","","");
niveau2 = niveau1.addNode("Dreamweaver CS3","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Serveur");
niveau1 = niveau0.addNode("Hack - Sécurité");
niveau2 = niveau1.addNode("Réseau","","");
niveau2 = niveau1.addNode("System d'exploitation","","");
niveau2 = niveau1.addNode("Logiciel","","");
niveau2 = niveau1.addNode("Site - Serveur","","");
niveau2 = niveau1.addNode("Autre","","");
niveau1 = niveau0.addNode("Jeux - Console");
niveau2 = niveau1.addNode("Jeux","","");
niveau1 = niveau0.addNode("Hébergement - Site - Forum - Blog");
niveau1 = niveau0.addNode("Autre");
niveau0 = menu.addNode("Présentation");
niveau0 = menu.addNode("Définition");
niveau0 = menu.addNode("Presse");
niveau0 = menu.addNode("Autre","");
niveau0 = menu.addNode("Google","https://www.google.fr/?gws_rd=ssl");
function load()
{
menu.init("list");
}
</script>
</head>
<body onload="load()";>
<form method="post" name="categorie" action="recu.php" id="text">
<select id="list0" name="list0"></select>
<select id="list1" name="list1"></select>
<select id="list2" name="list2"></select>
<select id="list3" name="list3"></select>
<input>
</form>
</body>
</html>
recu.php :
<?php //-->> RÉCEPTION DES CHAMPS $categorie1 = $_POST['list0']; $categorie2 = $_POST['list1']; $categorie3 = $_POST['list2']; $categorie4 = $_POST['list3']; //-->> AFFICHAGE echo "$categorie1 : $categorie2 : $categorie3 : $categorie4"; ?>
Comment avez vous fait dans vos testes afin de réceptionner ?
