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. 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. Et le résultat est :

                                undefined : undefined : undefined : undefined

                                Qu'est-ce qui fait que la valeur soit : undefined

                                Merci
                                0
                                1. Bjr

                                  C'est bizarre .... moi ca fonctionne même en ligne

                                  La preuve :

                                  http://www.nobodysperfect.freesurf.fr/select4/

                                  Tu utilises quelle version de php ?

                                  Pour le savoir exécute ce petit script

                                  <?php
                                  phpinfo();
                                  ?>
                                  0
                                  • 1
                                  • 2