Réceptionner la valeur de 4 listes déroulante

kurosaki_itchigo Messages postés 1 Date d'inscription   Statut Membre -  
 korusaki_itchigo -
Bonjour,

j'ai trouvé un script JAVASCRIPT, celui-ci fait en sorte que la 4ème liste déroulante dépende de la 3ème qui dépende de la seconde et que celle-ci dépende de la première.

Le problème c' est que je n'arrive pas à réceptionner les valeurs de ces 4 listes :

<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

  • 1
  • 2
  1. PhP Messages postés 1774 Statut Membre 606
     
    Bjr

    ha oui y avait un p'tit bug :-)

    Remplace

    function TreeNode(treeId,parentNode,name,caption, url,target)
    {
    	this.childNodes = new Array();
    	this.name = name;
    	this.url = url;
    	this.target = target;
    	this.caption = caption;
    	this.parentNode = parentNode;
    	this.selectedChildIndex = -1;
    	this.treeId=treeId;
    	this.index = -1;
    }


    par

    function TreeNode(treeId,parentNode,name,caption, url,target)
    {
    	this.childNodes = new Array();
    	this.name = name;
    	if (!this.name) 
    	{
    		this.name = caption;
    	}	
    	this.url = url;
    	this.target = target;
    	this.caption = caption;
    	this.parentNode = parentNode;
    	this.selectedChildIndex = -1;
    	this.treeId=treeId;
    	this.index = -1;
    }


    Nodody's perfect
    1
  2. korusaki_itchigo
     
    Tutorial : Développement Web : HTML : Balises

    C'est parfait ça fonctionne parfaitement !!
    Merci à toi PHP, et à t'es efforts !!
    1
  3. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  4. kurosaki-itchigo
     
    Rebonjour, bon j'ai trouvé quelque chose qui s'en reapproche mais je ne sais pas l'appliquer sur 4 champs...
    0
  5. kurosaki-itchigo
     
    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
  6. kurosaki-itchigo
     
    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
  7. kurosaki-itchigo
     
    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
  8. kurosaki-itchigo
     
    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
  9. kurosaki-itchigo
     
    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
  10. PhP Messages postés 1774 Statut Membre 606
     
    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
  11. kurosaki_ichigo
     
    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
  12. PhP Messages postés 1774 Statut Membre 606
     
    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
  13. PhP Messages postés 1774 Statut Membre 606
     
    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
  14. kurosaki_ichigo
     
    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
  15. kurosaki_ichigo
     
    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
  16. PhP Messages postés 1774 Statut Membre 606
     
    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
  17. kurosaki_ichigo
     
    J'ai même essayé le code de base :

    index.html :

    <html>
    <head>
    <script>
    
    function ObjectManager()
    {
    	this.items = new Object();
    	this.count = 0;
    }	
    	
    ObjectManager.prototype.register=function(obj)	
    {
    	obj.id="obj_"+this.count;
    	this.items[obj.id] = obj;
    	this.count++;
    	return obj.id;
    }
    
    var objectManager = new ObjectManager;
    
    
    function TreeNode(treeId,parentNode,name,caption, url,target)
    {
    	this.childNodes = new Array();
    	this.name = name;
    	this.url = url;
    	this.target = target;
    	this.caption = caption;
    	this.parentNode = parentNode;
    	this.selectedChildIndex = -1;
    	this.treeId=treeId;
    	this.index = -1;
    }
    
    
    
    TreeNode.prototype.addNode = function(caption, url, target, name)
    {
    	var node = new TreeNode(this.treeId,this,name,caption, url,target);
    	this.childNodes[this.childNodes.length]=node;
    	node.index = this.childNodes.length-1;
    	return node;
    }
    
    
    TreeNode.prototype.expand = function()
    {	
    	this.loadSelect();	
    }
    
    
    TreeNode.prototype.deselect = function()
    {
    	if (this.parentNode) this.parentNode.selectedChildIndex = -1;
    }
    
    
    TreeNode.prototype.deselectAll = function(node)
    {	
    	while (node)
    	{
    		if (node.selectedChildIndex != -1)
    		{
    			node.deselect();
    			node = node.childNodes[node.selectedChildIndex];				
    		}	
    		else
    		{
    			node = null;
    		}		
    	}	
    }
    
    TreeNode.prototype.expandAll = function(node)
    {	
    	while (node)
    	{
    		if (node.childNodes.length != 0)
    		{
    			node.expand();
    			node = node.childNodes[0];
    		}
    		else
    		{
    			node = null;
    		}
    	}	
    }
    
    
    
    TreeNode.prototype.select = function()
    {
    	this.deselectAll(this);		
    	if (this.parentNode) 
    	{	
    		this.parentNode.selectedChildIndex = this.index;
    	}
    	
    	var lastNode = null;
    	var node = this;
    	while (node)
    	{
    		if (node.childNodes.length != 0)
    		{
    			node.expand();
    			node.selectedChildIndex = 0;
    			node = node.childNodes[0];	
    		}
    		else
    		{
    			lastNode = node;
    			node = null;
    		}	
    	}
    	if (lastNode)
    	{
    		var tree = objectManager.items[this.treeId];
    		tree.disableSelect(lastNode);
    	}
    }
    
    
    TreeNode.prototype.getDepth = function()
    {
    	var level = 0;
    	parentNode = this.parentNode;
    	while (parentNode) 
    	{
    		level++;
    		parentNode = parentNode.parentNode;
    	}
    	return level;
    }
    
    function Tree_selectOnChange()
    {
    	var tree = objectManager.items[this.treeId];
    	var node = tree.findSelectedNode(this.depth);
    	if (node) 
    	{
    		node = node.childNodes[this.selectedIndex];
    
    		if (node.url)
    		{
    			window.location=node.url;	
    		}
    		else
    		{
    			node.select();
    		}	
    	}	
    }
    
    TreeNode.prototype.loadSelect= function(prefix)
    {
    	var tree = objectManager.items[this.treeId];
    	var list = document.getElementById(tree.prefix+this.getDepth());
    	if (list)
    	{
    		list.length=0;
    		list.disabled = false;
    		for (var i=0; i< this.childNodes.length; i++)
    		{	
    			var node = this.childNodes[i];
    			var caption = (node.caption) ? node.caption : node.name;
    			var opt = new Option(caption,node.name,false,false);
    			list.options[list.length]=opt;
    		}
    	}	
    }
    
    function Tree(name,caption, url,target)
    {
    	var id = objectManager.register(this);
    	TreeNode.call(this,id, null, name,caption, url,target); 
    	
    	this.maxDepth = 0;
    	this.prefix="";
    }
    Tree.prototype = new TreeNode();	
    	
    Tree.prototype.findSelectedNode = function(depth)
    {
    	var node = this;
    	for (i=0; i < depth; i++)
    	{
    		if (node.selectedChildIndex == -1)
    		{
    			node = null;
    			break;
    		}
    		else
    		{	
    			node = node.childNodes[node.selectedChildIndex];
    		}	
    	}
    	return node;
    }
    		
    Tree.prototype.disableSelect = function(node)
    {	
    	var depth= node.getDepth();	
    	for (var i = depth; i < this.maxDepth; i++)
    	{
    		var list = document.getElementById(this.prefix+i);
    		if (list)
    		{
    			list.length=0;
    			list.disabled = true;
    		}	
    	}		
    }	
    	
    Tree.prototype.explore = function(callBack)
    {
    	var depth = -1;
    	var tree=this;
    	
    	function internalExplore(node)
    	{
    		if (node)
    		{
    			depth++;
    			if (callBack) callBack(tree,node,depth);
    		
    			for (var i=0; i< node.childNodes.length; i++)
    			{		
    				internalExplore(node.childNodes[i]);
    			}
    			depth--;
    		}
    	}
    
    	internalExplore(this);
    	depth=null;
    	tree=null;
    }
    
    function Tree_CallBackDepth(tree,node,depth)
    {
    	if (depth > tree.maxDepth) tree.maxDepth=depth;
    }	
    
    Tree.prototype.init = function(prefix)
    {
    	this.maxDepth = 0;
    	this.prefix=prefix;
    	this.explore(Tree_CallBackDepth);
    	
    	for (var i=0 ; i< this.maxDepth; i++)
    	{
    		var list=document.getElementById(this.prefix+i);
    		if (list)
    		{
    			list.length = 0;
    			list.onchange = Tree_selectOnChange;
    			list.depth = i;
    			list.treeId = this.id;
    		}	
    	}	
    	
    	this.selectedChildIndex = 0;
    	menu.select(0);	
    }
    
    
    var menu = new Tree("racine","","");
    
    
    niveau0 = menu.addNode("Tutorial");
    	niveau1 = niveau0.addNode("Développement Web");
    		niveau2 = niveau1.addNode("PHP");	
    			niveau2.addNode("Fonction");	
    			niveau2.addNode("Autre");
    		niveau2 = niveau1.addNode("ASPX");	
    		niveau2 = niveau1.addNode("ASP");	
    		niveau2 = niveau1.addNode("HTML");	
    			niveau2.addNode("Balises");	
    			niveau2.addNode("Autre");		
    		niveau2 = niveau1.addNode("XHTML","","");
    		niveau2 = niveau1.addNode("DHTML","","");
    		niveau2 = niveau1.addNode("XML","","");
    		niveau2 = niveau1.addNode("AJAX","","");
    		niveau2 = niveau1.addNode("CSS","","");
    		niveau2 = niveau1.addNode("JAVASCRIPT","","");
    		niveau2 = niveau1.addNode("DHTML","","");
    		niveau2 = niveau1.addNode("RAILS","","");
    		niveau2 = niveau1.addNode("APACHE","","");
    		niveau2 = niveau1.addNode("SQL","","");
    		niveau2 = niveau1.addNode("FLASH","","");
    		niveau2 = niveau1.addNode("Autre","","");
    		
    
    	niveau1 = niveau0.addNode("Programmation");
    		niveau2 = niveau1.addNode("C","","");
    		niveau2 = niveau1.addNode("C+","","");
    		niveau2 = niveau1.addNode("C++","","");
    		niveau2 = niveau1.addNode("C#","","");
    		niveau2 = niveau1.addNode("Delphi","","");
    		niveau2 = niveau1.addNode("Python","","");
    		niveau2 = niveau1.addNode("Java","","");
    		niveau2 = niveau1.addNode("Visual Basic","","");
    		niveau2 = niveau1.addNode("DotNET","","");
    		niveau2 = niveau1.addNode("JAVASCRIPT","","");
    		niveau2 = niveau1.addNode("DOS","","");
    		niveau2 = niveau1.addNode("MS OFFICE","","");
    		niveau2 = niveau1.addNode("APACHE","","");
    		niveau2 = niveau1.addNode("Autre","","");	
    	
    	niveau1 = niveau0.addNode("Graphisme");
    		niveau2 = niveau1.addNode("2D","","");
    		niveau2 = niveau1.addNode("3D","","");
    		niveau2 = niveau1.addNode("Autre","","");
    	
    	
    	niveau1 = niveau0.addNode("Logiciel");
    		niveau2 = niveau1.addNode("Photoshop CS3","","");
    		niveau2 = niveau1.addNode("Illustrator CS3","","");
    		niveau2 = niveau1.addNode("Dreamweaver CS3","","");
    		niveau2 = niveau1.addNode("Autre","","");
    	
    	niveau1 = niveau0.addNode("Serveur");
    	niveau1 = niveau0.addNode("Hack - Sécurité");
    		niveau2 = niveau1.addNode("Réseau","","");
    		niveau2 = niveau1.addNode("System d'exploitation","","");
    		niveau2 = niveau1.addNode("Logiciel","","");
    		niveau2 = niveau1.addNode("Site - Serveur","","");
    		niveau2 = niveau1.addNode("Autre","","");
    	
    	niveau1 = niveau0.addNode("Jeux - Console");
    		niveau2 = niveau1.addNode("Jeux","","");
    	
    	niveau1 = niveau0.addNode("Hébergement - Site - Forum - Blog");
    	niveau1 = niveau0.addNode("Autre");
    
    niveau0 = menu.addNode("Présentation");
    
    
    niveau0 = menu.addNode("Définition"); 
    
    
    niveau0 = menu.addNode("Presse");
    
    
    niveau0 = menu.addNode("Autre","");
    
    niveau0 = menu.addNode("Google","https://www.google.fr/?gws_rd=ssl");
    
    function load()
    {
    	menu.init("list");
    }
    
    </script>
    </head>
    <body onload="load()";>
    <form method="post" name="categorie" action="recu.php" id="text">
    <select id="list0" name="list0"></select>
    <select id="list1" name="list1"></select>
    <select id="list2" name="list2"></select>
    <select id="list3" name="list3"></select>
    <input>
    </form>
    </body>
    </html>
    


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


    Comment avez vous fait dans vos testes afin de réceptionner ?
    0
  • 1
  • 2