<?php
include ("co.php");
$reponse = mysql_query("SELECT * FROM animaux ORDER BY animal");
echo '<script language="JavaScript">
//------------------- Options ------------------------//
var largeurMenu = 171 // Pour régler la largeur du menu
var policeMenu = "Verdana" // Police pour les menus
var taillePoliceMenu = "15" // Taille de la police du menu
var couleurPoliceMenu = "#0000FF" // Couleur de la police du menu
var couleurBordure = "#000000" // Couleur de la bordure du menu
var couleurFond = "url(images/menu1.jpg)" // Couleur du fond du menu
var couleurFond2 = "url(images/menu2.jpg)" // Couleur du fond des sous menus
var couleurLienRollOver = "#0000FF" // Couleur des liens lors du rollover
var couleurFondRollOver = "url(images/menu3.jpg)" // Couleur du fond sur Rollover
//------------------- Valeurs du menu ------------------------//
// nom de chaque menu - Vous pouvz en rajouter autant que vous le souhaitez
var menu = new Array()
var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();
';
{
echo '
menu['.$donnees['id'].']=" '.$donnees['animal'].'";
ssmenuNom['.$donnees['id'].'] = new Array();
ssmenuLien['.$donnees['id'].'] = new Array();
ssmenuTarget['.$donnees['id'].'] = new Array();
ssmenuNom['.$donnees['id'].'][0] = " Caractéristiques"; // Nom du lien
ssmenuLien['.$donnees['id'].'][0] = "carac.php?animal='.$donnees['animal'].'"; // Adresse
ssmenuTarget['.$donnees['id'].'][0] = "_top"; // ouvrir une fenetre : _blank
// ds la même fenetre : _top
// ds une frame : nom de la frame
ssmenuNom['.$donnees['id'].'][1] = " Nourriture";
ssmenuLien['.$donnees['id'].'][1] = "nourriture.php?animal='.$donnees['animal'].'";
ssmenuTarget['.$donnees['id'].'][1] = "_top";
ssmenuNom['.$donnees['id'].'][2] = " Danger";
ssmenuLien['.$donnees['id'].'][2] = "danger.php?animal='.$donnees['animal'].'";
ssmenuTarget['.$donnees['id'].'][2] = "_top";
ssmenuNom['.$donnees['id'].'][3] = " Phototèque";
ssmenuLien['.$donnees['id'].'][3] = "photo.php?animal='.$donnees['animal'].'";
ssmenuTarget['.$donnees['id'].'][3] = "_top";
';
}
echo '
//------------------- Ne rien modifié ------------------------//
var nbMenu = menu.length;
//------------------- Rendu dynamique ------------------------//
//On détecte le browser
var ie=document.all
var ns6=document.getElementById&&!document.all
var over = false;
function montreMenu(num){
if (over) return;
over = false;
for (var i=0; i<nbMenu; i++) {
if (ie) {
objet = document.all["ssmenu"+i]
} else if (ns6) {
objet = document.getElementById("ssmenu"+i);
}
if (objet && objet.style.display == ""){
objet.style.display = "none"
}
}
if (ie) {
objet = document.all["ssmenu"+num]
} else if (ns6) {
objet = document.getElementById("ssmenu"+num);
}
if (objet && objet.style.display == "none"){
objet.style.display = ""
}
}
function rollOver(lien) {
lien.style.background = couleurFondRollOver;
lien.style.color = couleurLienRollOver;
}
function rollOut(lien) {
lien.style.background = couleurFond2;
lien.style.color = couleurPoliceMenu;
}
function ouvreLien(url,mode) {
if (mode == "_blank") {
window.open(url)
} else if (mode == "_top") {
window.top.location.href = url
} else {
window.top.parent.frames[mode].location.href = url
}
}
//------------------- Génération du menu ------------------------//
function generation () {
document.write("<style type=\'text/css\'>");
document.write("td.menu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-image: "+couleurFond+";");
document.write("}");
document.write("table.ssmenu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-image: "+couleurFond2+";");
document.write("}");
document.write("</style>");
document.write("<div onmouseover=\'over = true\' onmouseout=\'over=false;setTimeout(\"montreMenu()\",400)\'>");
document.write("<table width=\'"+largeurMenu+"\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\'>");
//1ere boucle
for (i=0; i<nbMenu; i++) {
document.write("<tr>");
document.write("<td onMouseOver=\'montreMenu("+i+")\' style=\'cursor:hand\' class=\'menu\'>"+menu[i]+"</td>");
document.write("</tr>");
document.write("<tr style=\'display:none\' id=\'ssmenu"+i+"\'>");
document.write("<td>");
//<!--Un espace-->
document.write("<table width=\'"+largeurMenu+"\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\'>");
document.write("<tr>");
document.write("<td width=\'2\'></td>");
document.write("</tr>");
document.write("</table>");
//<!--Le sous menu-->
document.write("<table width=\'"+largeurMenu+"\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\' class=\'ssmenu\'>");
// seconde boucle
for (z=0; z<ssmenuNom[i].length; z++) {
document.write("<tr>");
document.write("<td onMouseOver=\'rollOver(this)\' onMouseOut=\'rollOut(this)\' onClick=\'ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")\' style=\'cursor:hand\'>"+ssmenuNom[i][z]+"</td>");
document.write("</tr>");
//fin seconde boucle
}
document.write("</table>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td width=\'2\'></td>");
document.write("</tr>");
// fin 1 ere boucle
}
document.write("</table>");
}
</script>';
?>
<link href="page.css" rel="stylesheet" type="text/css">
</head>
<body>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
<!--
body {
background-image:url(images/fond.jpg)
}
.Style1 {color: #0000CE}
-->
.titre1 {
font-family: "Comic sans MS";
color: #0000FF;
font-weight: bold;
}
</style>
</head>
<body>
<table width="980" border="0" align="center">
<tr>
<td height="112" colspan="2"><div id="intro">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
<script type="text/javascript">
var s1 = new SWFObject("banniere.swf","single","980","150","8");
s1.addParam("menu","false");
s1.addParam("wmode","transparent");
s1.write("intro");
</script>
</td>
</tr>
<?php
?>