[HTML - Javascript] Menu déroulants cascade
Résolu/Fermé
reinearthur
Messages postés
58
Date d'inscription
jeudi 21 avril 2005
Statut
Membre
Dernière intervention
3 octobre 2007
-
13 mai 2005 à 16:48
JojoSs - 18 nov. 2009 à 21:13
JojoSs - 18 nov. 2009 à 21:13
A voir également:
- [HTML - Javascript] Menu déroulants cascade
- Liste déroulante en cascade - Guide
- Menu déroulant excel - Guide
- Telecharger javascript - Télécharger - Langages
- Editeur html - Télécharger - HTML
- Windows 11 menu démarrer classique - Guide
10 réponses
sam3000
Messages postés
1225
Date d'inscription
mercredi 22 décembre 2004
Statut
Membre
Dernière intervention
13 juin 2005
144
13 mai 2005 à 16:55
13 mai 2005 à 16:55
tu devra voir du coté javascript et evenements onclick du premier <select>
reinearthur
Messages postés
58
Date d'inscription
jeudi 21 avril 2005
Statut
Membre
Dernière intervention
3 octobre 2007
8
13 mai 2005 à 16:58
13 mai 2005 à 16:58
Bonjour,
J'ai essayé, mais ça ne marche pas. Les valeurs que je doi mettre dasn le deuxième menu sont dans un tableau en php et je ne sais pas comment les faire passer au javascript...
J'ai essayé, mais ça ne marche pas. Les valeurs que je doi mettre dasn le deuxième menu sont dans un tableau en php et je ne sais pas comment les faire passer au javascript...
Charly25
Messages postés
621
Date d'inscription
jeudi 18 décembre 2003
Statut
Membre
Dernière intervention
3 février 2014
133
13 mai 2005 à 16:59
13 mai 2005 à 16:59
salut
y'a un post qui traine sur le forum
cherche "combo select" et tu devrais avoir une reponse.
pendant ce temps je cherche celui que j'ai.
@+
y'a un post qui traine sur le forum
cherche "combo select" et tu devrais avoir une reponse.
pendant ce temps je cherche celui que j'ai.
@+
Charly25
Messages postés
621
Date d'inscription
jeudi 18 décembre 2003
Statut
Membre
Dernière intervention
3 février 2014
133
13 mai 2005 à 17:00
13 mai 2005 à 17:00
Re,
Je l'ai retrouvé !!
<html>
<!-- Date de création: 24/12/2003 -->
<head>
<title>menus deroulants liés</title>
<SCRIPT LANGUAGE="JavaScript">
menu=new Array()
// Rajoutez un élément au tableau menu pour chaque categorie supplémentaire
// De la même façon, pensez à modifier le formulaire pour rajouter des categories.
menu[0]=new Array()
menu[1]=new Array()
menu[2]=new Array()
menu[3]=new Array()
menu[4]=new Array()
menu[5]=new Array()
menu[6]=new Array()
menu[7]=new Array()
// Modifiez ici les variables pour les menus deroulant
menu[0][0]=new Option("1")
menu[1][0]=new Option("2")
menu[2][0]=new Option("3")
menu[3][0]=new Option("4")
menu[4][0]=new Option("5")
menu[5][0]=new Option("6")
menu[6][0]=new Option("7")
menu[7][0]=new Option("8")
// Ne rien modifier sous cette ligne
function changeSousTheme(numeroMenu){
for (i=document.menuDeroulant.sousTheme.options.length-1;i>0;i--){
document.menuDeroulant.sousTheme.options[i]=null
}
for (i=0;i<menu[numeroMenu].length;i++){
document.menuDeroulant.sousTheme.options[i]=new Option(menu[numeroMenu][i].text,menu[numeroMenu][i].value)
}
document.menuDeroulant.sousTheme.selectedIndex=0
}
function selectmenu(theme_prin){
if (theme_prin.theme.options[theme_prin.theme.selectedIndex].value == "null"){
alert('selectionnez d\'abord une personne');
}
else{
window.top.location.href = theme_prin.theme.options[theme_prin.theme.selectedIndex].value;
}
}
function destination(){
var destination = document.menuDeroulant.sousTheme.options[document.menuDeroulant.sousTheme.selectedIndex].value;
if(destination=="null"){
alert('Veuillez saisir une destination valide!');
}
else{
window.top.location.href = destination;
}
}
</SCRIPT>
</head>
<body>
<FORM NAME="menuDeroulant">
<SELECT NAME="theme" SIZE=1 onChange="selectmenu(this.form)">
<OPTION selected VALUE="null">-=Prénom=-</option>
<OPTION VALUE="Javascript:changeSousTheme(0)">François</option>
<OPTION VALUE="Javascript:changeSousTheme(1)">Eric </option>
<OPTION VALUE="Javascript:changeSousTheme(2)">Marie-Laure</option>
<OPTION VALUE="Javascript:changeSousTheme(3)">Christophe</option>
<OPTION VALUE="Javascript:changeSousTheme(4)">Stéphane</option>
<OPTION VALUE="Javascript:changeSousTheme(5)">Eric</option>
<OPTION VALUE="Javascript:changeSousTheme(6)">Patrick</option>
<OPTION VALUE="Javascript:changeSousTheme(7)">Alexandre</option>
</SELECT>
<br>
numero
<SELECT NAME="sousTheme">
<OPTION VALUE="null">num</option>
</SELECT>
<input type="reset" value="Effacer">
</FORM>
</body>
</html>
Essaye et dis moi si c'est ce que tu cherchais.
Je l'ai retrouvé !!
<html>
<!-- Date de création: 24/12/2003 -->
<head>
<title>menus deroulants liés</title>
<SCRIPT LANGUAGE="JavaScript">
menu=new Array()
// Rajoutez un élément au tableau menu pour chaque categorie supplémentaire
// De la même façon, pensez à modifier le formulaire pour rajouter des categories.
menu[0]=new Array()
menu[1]=new Array()
menu[2]=new Array()
menu[3]=new Array()
menu[4]=new Array()
menu[5]=new Array()
menu[6]=new Array()
menu[7]=new Array()
// Modifiez ici les variables pour les menus deroulant
menu[0][0]=new Option("1")
menu[1][0]=new Option("2")
menu[2][0]=new Option("3")
menu[3][0]=new Option("4")
menu[4][0]=new Option("5")
menu[5][0]=new Option("6")
menu[6][0]=new Option("7")
menu[7][0]=new Option("8")
// Ne rien modifier sous cette ligne
function changeSousTheme(numeroMenu){
for (i=document.menuDeroulant.sousTheme.options.length-1;i>0;i--){
document.menuDeroulant.sousTheme.options[i]=null
}
for (i=0;i<menu[numeroMenu].length;i++){
document.menuDeroulant.sousTheme.options[i]=new Option(menu[numeroMenu][i].text,menu[numeroMenu][i].value)
}
document.menuDeroulant.sousTheme.selectedIndex=0
}
function selectmenu(theme_prin){
if (theme_prin.theme.options[theme_prin.theme.selectedIndex].value == "null"){
alert('selectionnez d\'abord une personne');
}
else{
window.top.location.href = theme_prin.theme.options[theme_prin.theme.selectedIndex].value;
}
}
function destination(){
var destination = document.menuDeroulant.sousTheme.options[document.menuDeroulant.sousTheme.selectedIndex].value;
if(destination=="null"){
alert('Veuillez saisir une destination valide!');
}
else{
window.top.location.href = destination;
}
}
</SCRIPT>
</head>
<body>
<FORM NAME="menuDeroulant">
<SELECT NAME="theme" SIZE=1 onChange="selectmenu(this.form)">
<OPTION selected VALUE="null">-=Prénom=-</option>
<OPTION VALUE="Javascript:changeSousTheme(0)">François</option>
<OPTION VALUE="Javascript:changeSousTheme(1)">Eric </option>
<OPTION VALUE="Javascript:changeSousTheme(2)">Marie-Laure</option>
<OPTION VALUE="Javascript:changeSousTheme(3)">Christophe</option>
<OPTION VALUE="Javascript:changeSousTheme(4)">Stéphane</option>
<OPTION VALUE="Javascript:changeSousTheme(5)">Eric</option>
<OPTION VALUE="Javascript:changeSousTheme(6)">Patrick</option>
<OPTION VALUE="Javascript:changeSousTheme(7)">Alexandre</option>
</SELECT>
<br>
numero
<SELECT NAME="sousTheme">
<OPTION VALUE="null">num</option>
</SELECT>
<input type="reset" value="Effacer">
</FORM>
</body>
</html>
Essaye et dis moi si c'est ce que tu cherchais.
reinearthur
Messages postés
58
Date d'inscription
jeudi 21 avril 2005
Statut
Membre
Dernière intervention
3 octobre 2007
8
13 mai 2005 à 17:11
13 mai 2005 à 17:11
C'est exactement ce que je cherche, le seul soucis, c'est que les valeurs du formulaire sont dasn une base de données. Je les récupère en php, et je sais pas comment les transposer en javascript... si vous avez des idées... Mais merci pour le script !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
sam3000
Messages postés
1225
Date d'inscription
mercredi 22 décembre 2004
Statut
Membre
Dernière intervention
13 juin 2005
144
13 mai 2005 à 17:01
13 mai 2005 à 17:01
ça devrais etre une chose du genre:
<select name="liste2"> <? for($i=0;$i<10;$i++) { ?> <option value="<? echo $tableau[$i]; ?>"><? echo $tableau[$i]; ?></option> <? } ?> </select>
reinearthur
Messages postés
58
Date d'inscription
jeudi 21 avril 2005
Statut
Membre
Dernière intervention
3 octobre 2007
8
13 mai 2005 à 17:30
13 mai 2005 à 17:30
Ca y est j'ai trouvé. On peut passer des valeurs de php à Javascript de la même manière que de php à html en ouvrant des balises <?et en les refermant à la fin...?>
trop bien !!!
trop bien !!!
Voilà je voudrais faire un menu, il est fait c'est un dynamique mais je voudrais faire des sous-menus mais je n'y arrive pas. Pouvez vous m'aider.
Merci
Voilà mon menu :
bgcolor='#000066';
bgcolor2='#000066';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/
/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[0][0] = '<A HREF="statuts.htm" CLASS=ejsmenu><B>Statuts</A>';
zlien[0][1] = '<A HREF="org.htm" CLASS=ejsmenu><B>Organigramme sportif</A>';
zlien[0][2] = '<A HREF="planning.htm" CLASS=ejsmenu><B>Planning</A>';
zlien[0][3] = '<A HREF="bureau.htm" CLASS=ejsmenu><B>Bureau</A>';
zlien[0][4] = '<A HREF="entraineurs.htm" CLASS=ejsmenu><B>Entraîneurs</A>';
zlien[0][5] = '<A HREF="officiels.htm" CLASS=ejsmenu><B>Officiels</A>';
zlien[1][0] = '<A HREF="préav.htm" CLASS=ejsmenu><B>Pré-Avenirs</A>';
zlien[1][1] = '<A HREF="avenirs.htm" CLASS=ejsmenu><B>Avenirs </A>';
zlien[1][2] = '<A HREF="decouverte.htm" CLASS=ejsmenu><B>Découverte </A>';
zlien[1][3] = '<A HREF="detection.htm" CLASS=ejsmenu><B>Détection</A>';
zlien[1][4] = '<A HREF="poussins.htm" CLASS=ejsmenu><B>Poussins</A>';
zlien[1][5] = '<A HREF="promotion.htm" CLASS=ejsmenu><B>Promotion</A>';
zlien[1][6] = '<A HREF="formation.htm" CLASS=ejsmenu><B>Formation</A>';
zlien[1][7] = '<A HREF="espoir.htm" CLASS=ejsmenu><B>Espoir</A>';
zlien[1][8] = '<A HREF="performance.htm" CLASS=ejsmenu><B>Performance</A>';
zlien[1][9] = '<A HREF="option.htm" CLASS=ejsmenu><B>Option</A>';
zlien[1][10] = '<A HREF="maitres.htm" CLASS=ejsmenu><B>Maîtres</A>';
zlien[1][11] = '<A HREF="entrainement.htm" CLASS=ejsmenu><B>Entraînement</A>';
zlien[1][12] = '<A HREF="adultes.htm" CLASS=ejsmenu><B>Adultes</A>';
zlien[2][0] = '<A HREF="competitions.htm" CLASS=ejsmenu><B>Compétitions</A>';
zlien[2][1] = '<A HREF="records.htm" CLASS=ejsmenu><B>Records</A>';
zlien[2][2] = '<A HREF="top.htm" CLASS=ejsmenu><B>Top 10</A>';
zlien[3][0] = '<A HREF="boutique.htm" CLASS=ejsmenu><B>Boutique</A>';
zlien[3][1] = '<A HREF="5nage.htm" CLASS=ejsmenu><B>"5ème nage"</A>';
zlien[3][2] = '<A HREF="nouvelles.htm" CLASS=ejsmenu><B>Nouvelles</A>';
zlien[3][3] = '<A HREF="meetings.htm" CLASS=ejsmenu><B>Meetings</A>';
zlien[4][0] = '<A HREF="saison0304.htm" CLASS=ejsmenu><B>Saison 2003/2004</A>';
zlien[4][1] = '<A HREF="saison0405.htm" CLASS=ejsmenu><B>Saison 2004/2005</A>';
zlien[4][2] = '<A HREF="saison0506.htm" CLASS=ejsmenu><B>Saison 2005/2006</A>';
zlien[5][0] = '<A HREF="institutions.htm" CLASS=ejsmenu><B>Institutions</A>';
zlien[5][1] = '<A HREF="entreprises.htm" CLASS=ejsmenu><B>Entreprises</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=163><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=2 FACE=\"Arial\"> "+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=982><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>PRESENTATION</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],164)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>GROUPES</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],328)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>CÔTÉ SPORTIF</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],492)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>INFOS</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],656)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>ARCHIVES</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],820)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>PARTENAIRES</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
Merci
Voilà mon menu :
bgcolor='#000066';
bgcolor2='#000066';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/
/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[0][0] = '<A HREF="statuts.htm" CLASS=ejsmenu><B>Statuts</A>';
zlien[0][1] = '<A HREF="org.htm" CLASS=ejsmenu><B>Organigramme sportif</A>';
zlien[0][2] = '<A HREF="planning.htm" CLASS=ejsmenu><B>Planning</A>';
zlien[0][3] = '<A HREF="bureau.htm" CLASS=ejsmenu><B>Bureau</A>';
zlien[0][4] = '<A HREF="entraineurs.htm" CLASS=ejsmenu><B>Entraîneurs</A>';
zlien[0][5] = '<A HREF="officiels.htm" CLASS=ejsmenu><B>Officiels</A>';
zlien[1][0] = '<A HREF="préav.htm" CLASS=ejsmenu><B>Pré-Avenirs</A>';
zlien[1][1] = '<A HREF="avenirs.htm" CLASS=ejsmenu><B>Avenirs </A>';
zlien[1][2] = '<A HREF="decouverte.htm" CLASS=ejsmenu><B>Découverte </A>';
zlien[1][3] = '<A HREF="detection.htm" CLASS=ejsmenu><B>Détection</A>';
zlien[1][4] = '<A HREF="poussins.htm" CLASS=ejsmenu><B>Poussins</A>';
zlien[1][5] = '<A HREF="promotion.htm" CLASS=ejsmenu><B>Promotion</A>';
zlien[1][6] = '<A HREF="formation.htm" CLASS=ejsmenu><B>Formation</A>';
zlien[1][7] = '<A HREF="espoir.htm" CLASS=ejsmenu><B>Espoir</A>';
zlien[1][8] = '<A HREF="performance.htm" CLASS=ejsmenu><B>Performance</A>';
zlien[1][9] = '<A HREF="option.htm" CLASS=ejsmenu><B>Option</A>';
zlien[1][10] = '<A HREF="maitres.htm" CLASS=ejsmenu><B>Maîtres</A>';
zlien[1][11] = '<A HREF="entrainement.htm" CLASS=ejsmenu><B>Entraînement</A>';
zlien[1][12] = '<A HREF="adultes.htm" CLASS=ejsmenu><B>Adultes</A>';
zlien[2][0] = '<A HREF="competitions.htm" CLASS=ejsmenu><B>Compétitions</A>';
zlien[2][1] = '<A HREF="records.htm" CLASS=ejsmenu><B>Records</A>';
zlien[2][2] = '<A HREF="top.htm" CLASS=ejsmenu><B>Top 10</A>';
zlien[3][0] = '<A HREF="boutique.htm" CLASS=ejsmenu><B>Boutique</A>';
zlien[3][1] = '<A HREF="5nage.htm" CLASS=ejsmenu><B>"5ème nage"</A>';
zlien[3][2] = '<A HREF="nouvelles.htm" CLASS=ejsmenu><B>Nouvelles</A>';
zlien[3][3] = '<A HREF="meetings.htm" CLASS=ejsmenu><B>Meetings</A>';
zlien[4][0] = '<A HREF="saison0304.htm" CLASS=ejsmenu><B>Saison 2003/2004</A>';
zlien[4][1] = '<A HREF="saison0405.htm" CLASS=ejsmenu><B>Saison 2004/2005</A>';
zlien[4][2] = '<A HREF="saison0506.htm" CLASS=ejsmenu><B>Saison 2005/2006</A>';
zlien[5][0] = '<A HREF="institutions.htm" CLASS=ejsmenu><B>Institutions</A>';
zlien[5][1] = '<A HREF="entreprises.htm" CLASS=ejsmenu><B>Entreprises</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=163><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=2 FACE=\"Arial\"> "+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=982><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>PRESENTATION</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],164)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>GROUPES</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],328)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>CÔTÉ SPORTIF</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],492)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>INFOS</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],656)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>ARCHIVES</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],820)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>PARTENAIRES</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
Scandaleuz
Messages postés
11
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
8 décembre 2007
4 juil. 2007 à 11:30
4 juil. 2007 à 11:30
Salut !
C'est quoi le script pour lier 2 boites entre elles ?
Et pour faire des sous menus de sous menus ?
(J'espère que c'est compréhensible !!!)
Merci !
C'est quoi le script pour lier 2 boites entre elles ?
Et pour faire des sous menus de sous menus ?
(J'espère que c'est compréhensible !!!)
Merci !
bonjours a tous. Moi j'ai adapté le code pour afficher une page php pour un site de jeu pc.
Mon problème est le suivant quand j'ouvre cette page seule, ma liste de sousTheme se charge sans problème, dès que je met ma page dans une gestion de frame, plus rien ne fonctionne et j'ai une erreur (objet attendu) qui apparait dans la barre de IE.
Etant nul en javascript,pouvez vous me dire ce qu'il se passe et la bonne syntaxe car je pense que le document actif dans ce cas n'est plus SearchTopFrame.php mais Search.htm. je vous ai donné le code des 3 pages pour que cela soit plus claire.
Merci d'avance...
Search.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Recherche de replays</title>
</head>
<frameset rows="*,204" cols="*" framespacing="1" frameborder="yes" border="1" bordercolor="#ECE9D8">
<frame src="SearchTopFrame.php" name="topFrame" scrolling="yes" id="topFrame" title="topFrame" />
<frame src="SearchBottomFrame.php" name="bottomFrame" scrolling="yes" id="bottomFrame" title= "bottomFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
SearchTopFrame
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Recherche de replay</title>
<SCRIPT LANGUAGE="JavaScript">
menu=new Array()
// Rajoutez un élément au tableau menu pour chaque categorie supplémentaire
// De la même façon, pensez à modifier le formulaire pour rajouter des categories.
menu[0]=new Array()
menu[1]=new Array()
menu[2]=new Array()
menu[3]=new Array()
// Modifiez ici les variables pour les menus deroulant
menu[0][0]=new Option("Action fluviale")
menu[0][1]=new Option("Arene de tournoi")
menu[0][2]=new Option("Grande bataille de Black")
menu[0][3]=new Option("Hourglass")
menu[0][4]=new Option("island duel")
menu[0][5]=new Option("Les armes fatales")
menu[0][6]=new Option("Petite ville des Etats-Unis")
menu[0][7]=new Option("Problemes de pipeline")
menu[0][8]=new Option("Scrin city")
menu[0][9]=new Option("Sertao mortelle")
menu[0][10]=new Option("Territoires desoles de Barstow")
menu[0][11]=new Option("Tour de tournoi")
menu[0][12]=new Option("Tournament Desert Clasic")
menu[0][13]=new Option("Tournoi de la cote")
menu[0][14]=new Option("Tournoi de la faille")
menu[0][15]=new Option("Tournoi Desert")
menu[1][0]=new Option("[lda-domination]fortification")
menu[1][1]=new Option("Blue Zone rampage")
menu[1][2]=new Option("Canyon of the Dead 2vs2")
menu[1][3]=new Option("Carnage en zone rouge")
menu[1][4]=new Option("Chaos sur la cote")
menu[1][5]=new Option("Desert peripherique")
menu[1][6]=new Option("Gul Westfale s Tiberium City")
menu[1][7]=new Option("La bataille pour la terre égyptienne")
menu[1][8]=new Option("Le cratere du carnage")
menu[1][9]=new Option("Mission_Sarajevo")
menu[1][10]=new Option("Quadagon")
menu[1][11]=new Option("Rixe tumultueuse")
menu[1][12]=new Option("Tournament park")
menu[1][13]=new Option("Valee de la mort")
menu[2][0]=new Option("tour of egypte")
menu[2][1]=new Option("symphonie explosive")
menu[2][2]=new Option("six pied sous terre")
menu[2][3]=new Option("mega bataille de black")
menu[2][4]=new Option("jb waterwork")
menu[3][0]=new Option("last defence")
menu[3][1]=new Option("le rocktogone")
menu[3][2]=new Option("massacre limitrophe")
menu[3][3]=new Option("proving grounds")
menu[3][4]=new Option("tiberian twilight")
menu[3][5]=new Option("twilight flame red zone")
// Ne rien modifier sous cette ligne
function changeSousTheme(numeroMenu){
for (i=document.menuDeroulant.sousTheme.options.length-1;i>0;i--){
document.menuDeroulant.sousTheme.options[i]=null
}
for (i=0;i<menu[numeroMenu].length;i++){
document.menuDeroulant.sousTheme.options[i]=new Option(menu[numeroMenu][i].text,menu[numeroMenu][i].value)
}
document.menuDeroulant.sousTheme.selectedIndex=0
}
function selectmenu(theme_prin){
if (theme_prin.theme.options[theme_prin.theme.selectedIndex].value == "null"){
alert('selectionnez d\'abord une personne');
}
else{
window.top.location.href = theme_prin.theme.options[theme_prin.theme.selectedIndex].value;
}
}
function destination(){
var destination = document.menuDeroulant.sousTheme.options[document.menuDeroulant.sousTheme.selectedIndex].value;
if(destination=="null"){
alert('Veuillez saisir une destination valide!');
}
else{
window.top.location.href = destination;
}
}
</SCRIPT>
<style type="text/css">
<!--
body,td,th {
color: #CCCCFF;
}
body {
background-color: #000000;
background-image: url(clansBg.jpg);
}
-->
</style></head>
<body>
<?php
echo"<form id='menuDeroulant' name='menuDeroulant' method='post' action='SearchResultat.php' target='bottomFrame'>\n
<table width='800' border='0'>\n
<tr>\n
<td colspan='2'>Nom Replay
<input name='NomReplay' type='text' id='NomReplay' size='50' />\n
Titre
<input name='Titre' type='text' id='Titre' size='50' /><br>\n
Version
<select name='Version' id='Version' value='1.6'>\n
<option>1.2</option>\n
<option>1.3</option>\n
<option>1.4</option>\n
<option>1.5</option>\n
<option>1.6</option>\n
<option>1.7</option>\n
<option>1.8</option>\n
</select> </td>\n
<td width='400'>Date
<input name='Date' type='text' id='Date' size='10' />\n
saisir jj/mm/aaaa <br>\n
Duree entre
<input name='Duree1' type='text' id='Duree1' size='10' />\n
et
<input name='Duree2' type='text' id='Duree2' size='10' />
mn<br>\n
Taille map en Ko entre
<input name='Taille_map' type='text' id='Taille_map' size='10' />\n
et
<input name='Taille_map2' type='text' id='Taille_map2' size='10' />\n
<br />\n
</td>\n
</tr>\n
<tr>\n
<td colspan='2'>\n
Type
<select name='theme' id='theme' size=1 onchange='selectmenu(this.form)'>\n
<option selected> </option>\n
<option value='Javascript:changeSousTheme(0)'>1vs1</option>\n
<option value='Javascript:changeSousTheme(1)'>2vs2 </option>\n
<option value='Javascript:changeSousTheme(2)'>3vs3</option>\n
<option value='Javascript:changeSousTheme(3)'>4vs4</option>\n
</select>\n
<br />\n
map
<select name='sousTheme' id='sousTheme' >\n
<option value=''> </option>\n
</select>\n
</td>\n
<td>Joueur
<input name='Joueur' type='text' id='Joueur' size='50' />\n
</td>\n
</tr>\n
<tr>\n
<td width='400'><div align='right'><input type='submit' name=' Annuler ' id='Annuler' value='Annuler'/></div> </td>\n
<td width='69'><label>\n
<input type='submit' name='Rechercher' id='Rechercher' value='Rechercher' />\n
</label></td>\n
<td></td>\n
</tr>\n
</table>\n
</form>";
?>
</body>
</html>
SearchBottomFrame.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php
function MakeReq($TypeRencontre,$Date,$NomReplay,$Map,$Version,$Taille_map,$Taille_map2,$theme,$sousTheme,$Joueur,$Titre)
{
$debutreq ="SELECT * FROM `replays` ";
$finreq =" ORDER BY `date` DESC";
switch ($theme){
case 'Javascript:changeSousTheme(0)':
$Milieureq = "`TypeRencontre` = '1v1'";
break;
case 'Javascript:changeSousTheme(1)':
$Milieureq = "`TypeRencontre` = '2v2'";
break;
case 'Javascript:changeSousTheme(2)':
$Milieureq = "`TypeRencontre` = '3v3'";
break;
case 'Javascript:changeSousTheme(3)':
$Milieureq = "`TypeRencontre` = '4v4'";
break;
}
if ($NomReplay<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`NomReplay` = '%$NomReplay%'";
}
else
{
$Milieureq .= " AND `NomReplay` = '%$NomReplay%'";
}
}
if($Titre<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Titre` = '%$Titre%'";
}
else
{
$Milieureq .= " AND `Titre` = '%$Titre%'";
}
}
if ($Version<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Version` = '$Version'";
}
else
{
$Milieureq .= " AND `Version` = '$Version'";
}
}
if ($Date<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Date` = '$Date'";
}
else
{
$Milieureq .= " AND `Date` = '$Date'";
}
}
if ($Duree1<>"")
{
if ($Milieureq=="")
{
if ($Duree2=="")
{
$Milieureq .= " `Duree` BETWEEN '$Duree1' AND '$Duree1'";
}
else
{
$Milieureq .= " `Duree` BETWEEN '$Duree1' AND '$Duree2'";
}
}
else
{
if ($Duree2=="")
{
$Milieureq .= " AND `Duree` BETWEEN '$Duree1' AND '$Duree1'";
}
else
{
$Milieureq .= " AND `Duree` BETWEEN '$Duree1' AND '$Duree2'";
}
}
}
if($Taille_map<>"")
{
if ($Milieureq=="")
{
if ($Taille_map2=="")
{
$Milieureq .= " `Taille_map` BETWEEN '$Taille_map' AND '$Taille_map'";
}
else
{
$Milieureq .= " `Taille_map` BETWEEN '$Taille_map' AND '$Taille_map2'";
}
}
else
{
if ($Duree2=="")
{
$Milieureq .= " AND `Taille_map` BETWEEN '$Taille_map' AND '$$Taille_map'";
}
else
{
$Milieureq .= " AND `Taille_map` BETWEEN '$Taille_map' AND '$$Taille_map2'";
}
}}
if($Type<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Type` = '$Type'";
}
else
{
$Milieureq .= " AND `Type` = '$Type'";
}
}
if ($sousTheme<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Map` = '$sousTheme'";
}
else
{
$Milieureq .= " AND `Map` = '$sousTheme'";
}
}
if ($Joueur<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "(`Joueur1` like '%$Joueur%' OR `Joueur2` like '%$Joueur%' OR `Joueur3` like '%$Joueur%' OR `Joueur4` like '%$Joueur%')";
}
else
{
$Milieureq .= " AND (`Joueur1` like '%$Joueur%' OR `Joueur2` like '%$Joueur%' OR `Joueur3` like '%$Joueur%' OR `Joueur4` like '%$Joueur%')";
}
}
if ($Milieureq=="")
{
$reqwhere = "";
}
else
{
$reqwhere = " WHERE " .$Milieureq ;
}
$sql = $debutreq . $reqwhere . $finreq;
echo "$sql";
return $sql;
}
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</head>
<body>
<?php
$MonId = $id_env;
include("connexion.php");
$connexion=mysql_connect($host,$user,$password) or die ("connexion serveur impossible");
$db=mysql_select_db($database,$connexion) or die ("Sélection de la base impossible");
echo "theme $theme.tab stheme $sousTheme.tab";
$sql = MakeReq($TypeRencontre,$Date,$NomReplay,$Map,$Version,$Taille_map,$Taille_map2,$theme,$sousTheme,$Joueur,$Titre);
$result=mysql_query($sql) or die ("Exécution de la requête impossible");
echo"<table span style='font-size:11.0pt' border='1' align='center'>";
while ($ligne = mysql_fetch_array($result))
{ extract($ligne);
$var_image=$TypeRencontre.'/'.$Map.'.JPG';
$replay=$TypeRencontre.'/replays/'.$NomReplay;
$Armee1=$Joueur1Armee.'.GIF';
$Armee2=$Joueur2Armee.'.GIF';
$Armee3=$Joueur3Armee.'.GIF';
$Armee4=$Joueur4Armee.'.GIF';
$Armee5=$Joueur5Armee.'.GIF';
$Armee6=$Joueur6Armee.'.GIF';
$Armee7=$Joueur7Armee.'.GIF';
$Armee8=$Joueur8Armee.'.GIF'; $Jour = date("j", strtotime($Date));
$NomMois = date("m", strtotime($Date));
$Annee = date("Y", strtotime($Date));
$madate = $Jour.'/'.$NomMois.'/'.$Annee;
echo "<table width='896' border='0' align='center'>\n
<tr>\n
<td width='896' colspan='4' background='barre.JPG' class='Style1'>\n
<div align='center' class='Style2'>$Titre</div></td>\n
</tr>\n
</table>\n
<table width='896' height='251' border='1' align='center'>\n
<tr>";
if ($TypeRencontre == '1v1')
{
echo"<td width='416' rowspan='4' class='Style1' ><div align='center'>";
}
if ($TypeRencontre == '2v2')
{
echo"<td width='416' rowspan='6' class='Style1' ><div align='center'>";
}
if ($TypeRencontre == '3v3')
{
echo"<td width='416' rowspan='8' class='Style1' ><div align='center'>";
}
if ($TypeRencontre == '4v4')
{
echo"<td width='416' rowspan='10' class='Style1' ><div align='center'>";
}
echo"<table width='376' border='0'>\n
<tr>\n
<td colspan='3'><div align='center'><strong>$Map</strong></div></td>\n
</tr>\n
</table>\n
<p><img src='$var_image' width='119' height='119' /></p>\n
<table width='376' border='0'>\n
<tr>\n
<td width='174'><span minmax_bound='true'><strong>Version : </strong></span> <span minmax_bound='true'><strong>$Version</strong></span></td>\n
<td width='230'><div align='right'><strong><span minmax_bound='true'>Temps de la partie :</span> <span minmax_bound='true'>$Duree</span></strong></div></td>\n
</tr>\n
</table>\n
</div></td>\n
<td height='67' colspan='4' class='Style1'><p align='center'><a href='$replay'>$NomReplay</a> ($Taille_map Ko) jouée le $madate</p>\n
<p align='center'>$Explications</p></td>\n </tr>\n
<tr>\n
<td width='138' height='36' class='Style1'><div align='center'><strong>Clan</strong></div></td>\n
<td width='139' class='Style1'><div align='center'><strong>Joueur</strong></div></td>\n
<td width='98' class='Style1'><div align='center'><strong>Armée</strong></div></td>\n
<td width='71' class='Style1'><div align='center'><strong>Equipe</strong></div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur1Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur1</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee1' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur1Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur2Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur2</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee2' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur2Equipe</div></td>\n
</tr>";
if ($TypeRencontre == '2v2' OR $TypeRencontre == '3v3' OR $TypeRencontre == '4v4')
{
echo"<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur3Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur3</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee3' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur3Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur4Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur4</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee4' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur4Equipe</div></td>\n
</tr>";
}
if ($TypeRencontre == '3v3' OR $TypeRencontre == '4v4')
{
echo"<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur4Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur4</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee4' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur4Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur5Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur5</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee5' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur5Equipe</div></td>\n
</tr>";
}
if ($TypeRencontre == '4v4')
{
echo"<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur7Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur7</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee7' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur7Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur8Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur8</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee8' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur8Equipe</div></td>\n
</tr>";
}
echo"</tr>\n
</table>";
}
mysql_close();
?>
</body>
</html>
Mon problème est le suivant quand j'ouvre cette page seule, ma liste de sousTheme se charge sans problème, dès que je met ma page dans une gestion de frame, plus rien ne fonctionne et j'ai une erreur (objet attendu) qui apparait dans la barre de IE.
Etant nul en javascript,pouvez vous me dire ce qu'il se passe et la bonne syntaxe car je pense que le document actif dans ce cas n'est plus SearchTopFrame.php mais Search.htm. je vous ai donné le code des 3 pages pour que cela soit plus claire.
Merci d'avance...
Search.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Recherche de replays</title>
</head>
<frameset rows="*,204" cols="*" framespacing="1" frameborder="yes" border="1" bordercolor="#ECE9D8">
<frame src="SearchTopFrame.php" name="topFrame" scrolling="yes" id="topFrame" title="topFrame" />
<frame src="SearchBottomFrame.php" name="bottomFrame" scrolling="yes" id="bottomFrame" title= "bottomFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
SearchTopFrame
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Recherche de replay</title>
<SCRIPT LANGUAGE="JavaScript">
menu=new Array()
// Rajoutez un élément au tableau menu pour chaque categorie supplémentaire
// De la même façon, pensez à modifier le formulaire pour rajouter des categories.
menu[0]=new Array()
menu[1]=new Array()
menu[2]=new Array()
menu[3]=new Array()
// Modifiez ici les variables pour les menus deroulant
menu[0][0]=new Option("Action fluviale")
menu[0][1]=new Option("Arene de tournoi")
menu[0][2]=new Option("Grande bataille de Black")
menu[0][3]=new Option("Hourglass")
menu[0][4]=new Option("island duel")
menu[0][5]=new Option("Les armes fatales")
menu[0][6]=new Option("Petite ville des Etats-Unis")
menu[0][7]=new Option("Problemes de pipeline")
menu[0][8]=new Option("Scrin city")
menu[0][9]=new Option("Sertao mortelle")
menu[0][10]=new Option("Territoires desoles de Barstow")
menu[0][11]=new Option("Tour de tournoi")
menu[0][12]=new Option("Tournament Desert Clasic")
menu[0][13]=new Option("Tournoi de la cote")
menu[0][14]=new Option("Tournoi de la faille")
menu[0][15]=new Option("Tournoi Desert")
menu[1][0]=new Option("[lda-domination]fortification")
menu[1][1]=new Option("Blue Zone rampage")
menu[1][2]=new Option("Canyon of the Dead 2vs2")
menu[1][3]=new Option("Carnage en zone rouge")
menu[1][4]=new Option("Chaos sur la cote")
menu[1][5]=new Option("Desert peripherique")
menu[1][6]=new Option("Gul Westfale s Tiberium City")
menu[1][7]=new Option("La bataille pour la terre égyptienne")
menu[1][8]=new Option("Le cratere du carnage")
menu[1][9]=new Option("Mission_Sarajevo")
menu[1][10]=new Option("Quadagon")
menu[1][11]=new Option("Rixe tumultueuse")
menu[1][12]=new Option("Tournament park")
menu[1][13]=new Option("Valee de la mort")
menu[2][0]=new Option("tour of egypte")
menu[2][1]=new Option("symphonie explosive")
menu[2][2]=new Option("six pied sous terre")
menu[2][3]=new Option("mega bataille de black")
menu[2][4]=new Option("jb waterwork")
menu[3][0]=new Option("last defence")
menu[3][1]=new Option("le rocktogone")
menu[3][2]=new Option("massacre limitrophe")
menu[3][3]=new Option("proving grounds")
menu[3][4]=new Option("tiberian twilight")
menu[3][5]=new Option("twilight flame red zone")
// Ne rien modifier sous cette ligne
function changeSousTheme(numeroMenu){
for (i=document.menuDeroulant.sousTheme.options.length-1;i>0;i--){
document.menuDeroulant.sousTheme.options[i]=null
}
for (i=0;i<menu[numeroMenu].length;i++){
document.menuDeroulant.sousTheme.options[i]=new Option(menu[numeroMenu][i].text,menu[numeroMenu][i].value)
}
document.menuDeroulant.sousTheme.selectedIndex=0
}
function selectmenu(theme_prin){
if (theme_prin.theme.options[theme_prin.theme.selectedIndex].value == "null"){
alert('selectionnez d\'abord une personne');
}
else{
window.top.location.href = theme_prin.theme.options[theme_prin.theme.selectedIndex].value;
}
}
function destination(){
var destination = document.menuDeroulant.sousTheme.options[document.menuDeroulant.sousTheme.selectedIndex].value;
if(destination=="null"){
alert('Veuillez saisir une destination valide!');
}
else{
window.top.location.href = destination;
}
}
</SCRIPT>
<style type="text/css">
<!--
body,td,th {
color: #CCCCFF;
}
body {
background-color: #000000;
background-image: url(clansBg.jpg);
}
-->
</style></head>
<body>
<?php
echo"<form id='menuDeroulant' name='menuDeroulant' method='post' action='SearchResultat.php' target='bottomFrame'>\n
<table width='800' border='0'>\n
<tr>\n
<td colspan='2'>Nom Replay
<input name='NomReplay' type='text' id='NomReplay' size='50' />\n
Titre
<input name='Titre' type='text' id='Titre' size='50' /><br>\n
Version
<select name='Version' id='Version' value='1.6'>\n
<option>1.2</option>\n
<option>1.3</option>\n
<option>1.4</option>\n
<option>1.5</option>\n
<option>1.6</option>\n
<option>1.7</option>\n
<option>1.8</option>\n
</select> </td>\n
<td width='400'>Date
<input name='Date' type='text' id='Date' size='10' />\n
saisir jj/mm/aaaa <br>\n
Duree entre
<input name='Duree1' type='text' id='Duree1' size='10' />\n
et
<input name='Duree2' type='text' id='Duree2' size='10' />
mn<br>\n
Taille map en Ko entre
<input name='Taille_map' type='text' id='Taille_map' size='10' />\n
et
<input name='Taille_map2' type='text' id='Taille_map2' size='10' />\n
<br />\n
</td>\n
</tr>\n
<tr>\n
<td colspan='2'>\n
Type
<select name='theme' id='theme' size=1 onchange='selectmenu(this.form)'>\n
<option selected> </option>\n
<option value='Javascript:changeSousTheme(0)'>1vs1</option>\n
<option value='Javascript:changeSousTheme(1)'>2vs2 </option>\n
<option value='Javascript:changeSousTheme(2)'>3vs3</option>\n
<option value='Javascript:changeSousTheme(3)'>4vs4</option>\n
</select>\n
<br />\n
map
<select name='sousTheme' id='sousTheme' >\n
<option value=''> </option>\n
</select>\n
</td>\n
<td>Joueur
<input name='Joueur' type='text' id='Joueur' size='50' />\n
</td>\n
</tr>\n
<tr>\n
<td width='400'><div align='right'><input type='submit' name=' Annuler ' id='Annuler' value='Annuler'/></div> </td>\n
<td width='69'><label>\n
<input type='submit' name='Rechercher' id='Rechercher' value='Rechercher' />\n
</label></td>\n
<td></td>\n
</tr>\n
</table>\n
</form>";
?>
</body>
</html>
SearchBottomFrame.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php
function MakeReq($TypeRencontre,$Date,$NomReplay,$Map,$Version,$Taille_map,$Taille_map2,$theme,$sousTheme,$Joueur,$Titre)
{
$debutreq ="SELECT * FROM `replays` ";
$finreq =" ORDER BY `date` DESC";
switch ($theme){
case 'Javascript:changeSousTheme(0)':
$Milieureq = "`TypeRencontre` = '1v1'";
break;
case 'Javascript:changeSousTheme(1)':
$Milieureq = "`TypeRencontre` = '2v2'";
break;
case 'Javascript:changeSousTheme(2)':
$Milieureq = "`TypeRencontre` = '3v3'";
break;
case 'Javascript:changeSousTheme(3)':
$Milieureq = "`TypeRencontre` = '4v4'";
break;
}
if ($NomReplay<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`NomReplay` = '%$NomReplay%'";
}
else
{
$Milieureq .= " AND `NomReplay` = '%$NomReplay%'";
}
}
if($Titre<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Titre` = '%$Titre%'";
}
else
{
$Milieureq .= " AND `Titre` = '%$Titre%'";
}
}
if ($Version<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Version` = '$Version'";
}
else
{
$Milieureq .= " AND `Version` = '$Version'";
}
}
if ($Date<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Date` = '$Date'";
}
else
{
$Milieureq .= " AND `Date` = '$Date'";
}
}
if ($Duree1<>"")
{
if ($Milieureq=="")
{
if ($Duree2=="")
{
$Milieureq .= " `Duree` BETWEEN '$Duree1' AND '$Duree1'";
}
else
{
$Milieureq .= " `Duree` BETWEEN '$Duree1' AND '$Duree2'";
}
}
else
{
if ($Duree2=="")
{
$Milieureq .= " AND `Duree` BETWEEN '$Duree1' AND '$Duree1'";
}
else
{
$Milieureq .= " AND `Duree` BETWEEN '$Duree1' AND '$Duree2'";
}
}
}
if($Taille_map<>"")
{
if ($Milieureq=="")
{
if ($Taille_map2=="")
{
$Milieureq .= " `Taille_map` BETWEEN '$Taille_map' AND '$Taille_map'";
}
else
{
$Milieureq .= " `Taille_map` BETWEEN '$Taille_map' AND '$Taille_map2'";
}
}
else
{
if ($Duree2=="")
{
$Milieureq .= " AND `Taille_map` BETWEEN '$Taille_map' AND '$$Taille_map'";
}
else
{
$Milieureq .= " AND `Taille_map` BETWEEN '$Taille_map' AND '$$Taille_map2'";
}
}}
if($Type<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Type` = '$Type'";
}
else
{
$Milieureq .= " AND `Type` = '$Type'";
}
}
if ($sousTheme<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "`Map` = '$sousTheme'";
}
else
{
$Milieureq .= " AND `Map` = '$sousTheme'";
}
}
if ($Joueur<>"")
{
if ($Milieureq=="")
{
$Milieureq .= "(`Joueur1` like '%$Joueur%' OR `Joueur2` like '%$Joueur%' OR `Joueur3` like '%$Joueur%' OR `Joueur4` like '%$Joueur%')";
}
else
{
$Milieureq .= " AND (`Joueur1` like '%$Joueur%' OR `Joueur2` like '%$Joueur%' OR `Joueur3` like '%$Joueur%' OR `Joueur4` like '%$Joueur%')";
}
}
if ($Milieureq=="")
{
$reqwhere = "";
}
else
{
$reqwhere = " WHERE " .$Milieureq ;
}
$sql = $debutreq . $reqwhere . $finreq;
echo "$sql";
return $sql;
}
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</head>
<body>
<?php
$MonId = $id_env;
include("connexion.php");
$connexion=mysql_connect($host,$user,$password) or die ("connexion serveur impossible");
$db=mysql_select_db($database,$connexion) or die ("Sélection de la base impossible");
echo "theme $theme.tab stheme $sousTheme.tab";
$sql = MakeReq($TypeRencontre,$Date,$NomReplay,$Map,$Version,$Taille_map,$Taille_map2,$theme,$sousTheme,$Joueur,$Titre);
$result=mysql_query($sql) or die ("Exécution de la requête impossible");
echo"<table span style='font-size:11.0pt' border='1' align='center'>";
while ($ligne = mysql_fetch_array($result))
{ extract($ligne);
$var_image=$TypeRencontre.'/'.$Map.'.JPG';
$replay=$TypeRencontre.'/replays/'.$NomReplay;
$Armee1=$Joueur1Armee.'.GIF';
$Armee2=$Joueur2Armee.'.GIF';
$Armee3=$Joueur3Armee.'.GIF';
$Armee4=$Joueur4Armee.'.GIF';
$Armee5=$Joueur5Armee.'.GIF';
$Armee6=$Joueur6Armee.'.GIF';
$Armee7=$Joueur7Armee.'.GIF';
$Armee8=$Joueur8Armee.'.GIF'; $Jour = date("j", strtotime($Date));
$NomMois = date("m", strtotime($Date));
$Annee = date("Y", strtotime($Date));
$madate = $Jour.'/'.$NomMois.'/'.$Annee;
echo "<table width='896' border='0' align='center'>\n
<tr>\n
<td width='896' colspan='4' background='barre.JPG' class='Style1'>\n
<div align='center' class='Style2'>$Titre</div></td>\n
</tr>\n
</table>\n
<table width='896' height='251' border='1' align='center'>\n
<tr>";
if ($TypeRencontre == '1v1')
{
echo"<td width='416' rowspan='4' class='Style1' ><div align='center'>";
}
if ($TypeRencontre == '2v2')
{
echo"<td width='416' rowspan='6' class='Style1' ><div align='center'>";
}
if ($TypeRencontre == '3v3')
{
echo"<td width='416' rowspan='8' class='Style1' ><div align='center'>";
}
if ($TypeRencontre == '4v4')
{
echo"<td width='416' rowspan='10' class='Style1' ><div align='center'>";
}
echo"<table width='376' border='0'>\n
<tr>\n
<td colspan='3'><div align='center'><strong>$Map</strong></div></td>\n
</tr>\n
</table>\n
<p><img src='$var_image' width='119' height='119' /></p>\n
<table width='376' border='0'>\n
<tr>\n
<td width='174'><span minmax_bound='true'><strong>Version : </strong></span> <span minmax_bound='true'><strong>$Version</strong></span></td>\n
<td width='230'><div align='right'><strong><span minmax_bound='true'>Temps de la partie :</span> <span minmax_bound='true'>$Duree</span></strong></div></td>\n
</tr>\n
</table>\n
</div></td>\n
<td height='67' colspan='4' class='Style1'><p align='center'><a href='$replay'>$NomReplay</a> ($Taille_map Ko) jouée le $madate</p>\n
<p align='center'>$Explications</p></td>\n </tr>\n
<tr>\n
<td width='138' height='36' class='Style1'><div align='center'><strong>Clan</strong></div></td>\n
<td width='139' class='Style1'><div align='center'><strong>Joueur</strong></div></td>\n
<td width='98' class='Style1'><div align='center'><strong>Armée</strong></div></td>\n
<td width='71' class='Style1'><div align='center'><strong>Equipe</strong></div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur1Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur1</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee1' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur1Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur2Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur2</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee2' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur2Equipe</div></td>\n
</tr>";
if ($TypeRencontre == '2v2' OR $TypeRencontre == '3v3' OR $TypeRencontre == '4v4')
{
echo"<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur3Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur3</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee3' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur3Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur4Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur4</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee4' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur4Equipe</div></td>\n
</tr>";
}
if ($TypeRencontre == '3v3' OR $TypeRencontre == '4v4')
{
echo"<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur4Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur4</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee4' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur4Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur5Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur5</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee5' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur5Equipe</div></td>\n
</tr>";
}
if ($TypeRencontre == '4v4')
{
echo"<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur7Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur7</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee7' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur7Equipe</div></td>\n
</tr>\n
<tr>\n
<td height='32' class='Style1'><div align='center'>$Joueur8Clan</div></td>\n
<td class='Style1'><div align='center'>$Joueur8</div></td>\n
<td class='Style1'><div align='center'><img src='$Armee8' width='28' height='28' /></div></td>\n
<td class='Style1'><div align='center'>$Joueur8Equipe</div></td>\n
</tr>";
}
echo"</tr>\n
</table>";
}
mysql_close();
?>
</body>
</html>