1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
   | <div id="menu1" style="position:absolute; top:106px; width: 733px; height:600px; left: 2px;">
Sélectionnez le produit:
<br>
<br>
<form name="f">
<select name="liste2" onChange="personnel(\''.$nomgamme.'\',\''.$nomprod.'\',\''.$type.'\',\''.$descriptif.'\',\''.$prix.'',\''.$lien.'\')">
<?php
   
    $resultat=mysql_query("SELECT * from BOSE ORDER BY Identifiant_produit");
     while ($donnees = mysql_fetch_array($resultat) )
            {
            $id=addslashes($donnees['Identifant_produit']);
            $nomgamme=addslashes($donnees['Nom_gamme']);
            $nomprod=addslashes($donnees['Nom_produit']);
            $type=addslashes($donnees['Type_produit']);
            $descriptif=addslashes($donnees['Descriptif']);
            $prix=addslashes($donnees['Prix']);
            $lien=addslashes($donnees['lien_image']);
?>   
<option value="<?php $donnees['Identifant_produit']; ?>"><?php echo $donnees['Nom_produit']; ?></option>
<?php
}
?>
</select>
</form>
 
 
<div id="menu2" style="position:absolute; left: 11px; top: 65px; width: 715px; height: 700px;">
<?php
    $resultat=mysql_query("SELECT * from BOSE WHERE Identifiant_produit='1'");
     while ($donnees = mysql_fetch_array($resultat) )
            {
            $id='1';
            $nomgamme=addslashes($donnees['Nom_gamme']);
            $nomprod=addslashes($donnees['Nom_produit']);
            $type=addslashes($donnees['Type_produit']);
            $descriptif=addslashes($donnees['Descriptif']);
            $prix=addslashes($donnees['Prix']);
            $lien=addslashes($donnees['lien_image']);
            echo $id;
            echo $nomprod;
                     echo'
                    <script type="text/javascript">
                    personnel(\''.$nomgamme.'\',\''.$nomprod.'\',\''.$type.'\',\''.$descriptif.'\',\''.$prix.'\',\''.$lien.'\');
                    //-->
                    <!--</script>
                    ';
            echo('me voila apres persnnel');
                    }
                    mysql_close();
?>
 
</div><!--fin menu2-->
</div><!-- fin menu1-->
 
 
Voici mon code dans personnel.js:
 
unction GetId(id)
                {
                return document.getElementById(id);
                }
 
        function disparaitre(div){
        new Effect.Fade(div, {duration:1, fps:25, from:1.0, to:0.0});
        }
 
        function apparaitre(div){
        new Effect.Appear(div, {duration:1, fps:25, from:0.0, to:1.0});
        }
 
        function retour(nombre){
        disparaitre("diapo");
        setTimeout("apparaitre(\"page\");",1250);
        }
 
        function miseajour(nomgamme,nomprod,type,descriptif,prix,lien){
        Element.update("menu2","<div><img src=\""+lien+"\" alt=\"produit\"/></div><br><br><div><ul><li>"+nomprod+"</li><li>"+nomgamme+"</li><li>"+type+"</li><li>"+prix+"</li><li>"+descriptif+"</li></ul></div>");
        }
 
        function personnel(nomgamme,nomprod,type,descriptif,prix,lien){
        disparaitre("menu2");
        setTimeout("miseajour(\""+nomgamme+"\",\""+nomprod+"\",\""+type+"\",\""+descriptif+"\",\""+prix+"\",\""+lien+"\")",1075);   
        setTimeout("apparaitre(\"menu2\");",1100);
        } | 
Partager