[HTML - Javascript] Menu déroulants cascade

Résolu
reinearthur Messages postés 59 Date d'inscription   Statut Membre -  
 JojoSs -
Bonjour,
Je bosse sur un formulaire et j'aimerais que l'on puisse selectionner une valeur dans un menu déroulant et que lors de la sélection le menu déroulant suivant change de valeur
Le premier menu permet de choisir une catégorie et le second permet de sélectionner une sous-catégorie de celle selectionnée dans le premier
Merci

10 réponses

  1. sam3000 Messages postés 1226 Statut Membre 144
     
    tu devra voir du coté javascript et evenements onclick du premier <select>
    1
  2. reinearthur Messages postés 59 Date d'inscription   Statut Membre 8
     
    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...
    0
  3. Charly25 Messages postés 619 Date d'inscription   Statut Membre Dernière intervention   135
     
    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.
    @+
    0
  4. Charly25 Messages postés 619 Date d'inscription   Statut Membre Dernière intervention   135
     
    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.
    0
    1. reinearthur Messages postés 59 Date d'inscription   Statut Membre 8
       
      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 !
      0
    2. JojoSs
       
      bonjour,

      Je cherche un peux pres la meme chose mais en 3 niveaux

      Voici un exemple:

      Homme
      Nom1
      Prénom1
      Prénom2
      Nom2
      Prénom1
      Prénom2
      Nom3
      Prénom1
      Prénom2
      Nom4
      Femme
      Nom1
      Nom2
      Prénom1
      Prénom2
      Nom3
      Nom4
      Prénom1
      Prénom2


      Quelqu'un peux m'aider...


      Merci d'avance
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. sam3000 Messages postés 1226 Statut Membre 144
     
    ç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>
    
    0
  7. reinearthur Messages postés 59 Date d'inscription   Statut Membre 8
     
    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 !!!
    0
    1. Tukaram
       
      Bonjour je cherche exactement la meme chose mais je n'est pas trouver la solution pour passer de php à javascript (évidement puisse que je ne sais pas non plus le faire de php -> html).
      Si vous pouvez me mettre sur la voi? je debute en php


      merci
      0
  8. Gwen
     
    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>')
    0
    1. rf92
       
      salut,
      tu peux aller sur le site de l'ejs (http://www.editeurjavascript.com/forum/vt.php?tid=2-39418-0)
      a+
      rf92
      0
  9. Scandaleuz Messages postés 11 Statut Membre
     
    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 !
    0
  10. lolo
     
    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>
    0
  11. mina
     
    salut
    quand j ouvrir le hotamil pour voir ma boite recepection le message me ecrie javascript si le vous pails aide mois
    0