Sujet Précédent Sujet Suivant

Réceptionner la valeur de 4 listes déroulante

Fermé
kurosaki_itchigo Messages postés 1 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 6 mai 2008 - 6 mai 2008 à 10:24
 korusaki_itchigo - 16 mai 2008 à 20:52
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>
A voir également:

24 réponses

  • 1
  • 2
Réponse 1 / 24
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
16 mai 2008 à 15:24
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
Réponse 2 / 24
korusaki_itchigo
16 mai 2008 à 20:52
Tutorial : Développement Web : HTML : Balises

C'est parfait ça fonctionne parfaitement !!
Merci à toi PHP, et à t'es efforts !!
1
Réponse 3 / 24
kurosaki-itchigo
7 mai 2008 à 14:37
Svp ?
0
Réponse 4 / 24
kurosaki-itchigo
8 mai 2008 à 19:33
Svp ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 24
kurosaki-itchigo
8 mai 2008 à 21:44
Rebonjour, bon j'ai trouvé quelque chose qui s'en reapproche mais je ne sais pas l'appliquer sur 4 champs...
0
Réponse 6 / 24
kurosaki-itchigo
8 mai 2008 à 22:27
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
Réponse 7 / 24
kurosaki-itchigo
8 mai 2008 à 22:29
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
Réponse 8 / 24
kurosaki-itchigo
9 mai 2008 à 00:22
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
Réponse 9 / 24
kurosaki-itchigo
10 mai 2008 à 10:02
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
Réponse 10 / 24
kurosaki-itchigo
10 mai 2008 à 10:14
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
Réponse 11 / 24
kurosaki-itchigo
12 mai 2008 à 11:45
SVP ??
0
Réponse 12 / 24
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
12 mai 2008 à 17:00
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
Réponse 13 / 24
kurosaki_ichigo
14 mai 2008 à 13:16
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
Réponse 14 / 24
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
14 mai 2008 à 13:53
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
Réponse 15 / 24
kurosaki_ichigo
14 mai 2008 à 16:15
Pour les multiples body, c'est une erreur de ma part...

Donc je cherche à mettre un éditeur de texte : tiny_mce comme ici : https://www.tiny.cloud/docs/demo/full-featured/

Mais juste au dessus à sélectionner une catégorie...
0
Réponse 16 / 24
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
14 mai 2008 à 17:11
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
Réponse 17 / 24
kurosaki_ichigo
14 mai 2008 à 18:52
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
Réponse 18 / 24
kurosaki_ichigo
14 mai 2008 à 22:05
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
Réponse 19 / 24
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
14 mai 2008 à 23:38
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
Réponse 20 / 24
kurosaki_ichigo
15 mai 2008 à 10:16
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

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Formule magique excel??????
sexy_miss -
Raymond PENTIER -

13 réponses
Formule Excel : "SI" une cellule contient un mot, alors ?
Tonio5933 -
Mike-31 -

9 réponses
liste de noms par ordre alphabétique
alma -
alma13 -

23 réponses
Excel:récupérer le contenu d'une cellule en fonction d'une autre
tinky31 -
leplot -

1 réponse