Réceptionner la valeur de 4 listes déroulante

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 :

<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+="&nbsp;&nbsp;&nbsp;&nbsp;";}return Z}
function Arbo(m) {
	var Z="<BR>";
	for (var i=0;i<m.nb;i++) {
		Z+=space(m[i].deep)+m[i].txt+"&nbsp;&nbsp; <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+="&nbsp;&nbsp;&nbsp;&nbsp;";}return Z}
function Arbo(m) {
	var Z="<BR>";
	for (var i=0;i<m.nb;i++) {
		Z+=space(m[i].deep)+m[i].txt+"&nbsp;&nbsp; <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>
Configuration: Windows XP
Mozilla Firefox

24 réponses

Résumé de la discussion

Le fil porte sur un menu arborescent à 4 listes déroulantes où chaque choix conditionne le suivant et sur la difficulté de récupérer les valeurs dans reception.php via POST. Plusieurs réponses décrivent le mécanisme (CreerMenu/Add/Clic) et signalent un bug dans TreeNode qui empêche la hiérarchie; il est corrigé ensuite en ajustant le nom par défaut. D’autres échanges évoquent une gestion côté serveur avec des vérifications isset pour éviter les valeurs non définies, et rappellent que la page de réception doit être appelée depuis l’index. En pratique, la solution passe par l’alignement des noms de listes et des indices de sélection, et par l’usage de pages liées, afin que les valeurs list1 à list4 soient postées.

Bobot (l’IA à votre service)
  1. Bjr

    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
    1
    1. Tutorial : Développement Web : HTML : Balises

      C'est parfait ça fonctionne parfaitement !!
      Merci à toi PHP, et à t'es efforts !!
      1
      1. Rebonjour, bon j'ai trouvé quelque chose qui s'en reapproche mais je ne sais pas l'appliquer sur 4 champs...
        0
        1. 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>
          
          0
          1. 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>
            
            0
            1. 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>
              
              0
              1. J'ai fait ça mais ça marche pas !!

                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>
                0
                1. Bon il manquait 2 double côte :

                  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>
                  0
                  1. Bjr

                    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 ...
                    0
                    1. Merci, en réalité c'est le meilleur !!

                      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>
                      
                      
                      
                      0
                      1. 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 ?
                        0
                        1. ha d'ac

                          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
                          0
                          1. Merci ça fonctionne parfaitement avec 1 seule modification :

                            	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,inli­nepopups,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,j­ustifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
                            		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,inde­nt,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,insert­time,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,i­ns,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"
                            		}
                            	});
                            
                            0
                            1. Par contre lorsque j'essaie de réceptionner les champs en php la valeur des champs non grisé sont toujours : undefined

                              <?php
                              
                              //-->> RÉCEPTION DES CHAMPS
                              $categorie1	= $_POST['list0'];
                              $categorie2	= $_POST['list1'];
                              $categorie3	= $_POST['list2'];
                              $categorie4	= $_POST['list3'];
                              
                              //-->> AFFICHAGE
                              echo "$categorie1 : $categorie2 : $categorie3 : $categorie4";
                              
                              ?>
                              


                              ???

                              Merci
                              0
                              1. 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 ?
                                0
                                1. J'ai même essayé le code de base :

                                  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 ?
                                  0
                                  • 1
                                  • 2