petit probleme script de menu deroulant - HTML/CSS - Programmation
Marsh Posté le 21-07-2005 à 12:51:57
Ce script est une horreur, change de script
http://dosimple.ch/articles/Menus-dynamiques/
Marsh Posté le 21-07-2005 à 16:26:42
ok parfait merci je vais essayer
Marsh Posté le 21-07-2005 à 16:42:14
par contre c'est compliquer a mettre en place mais bon si il marche
Marsh Posté le 21-07-2005 à 12:15:28
voila connaissance peu en java j'ai pris un code deja fait mais j'ai un petit probleme a un moment donner . Mon site a 3 frame Frame_right ou il y a mon menu, Frame_left, Frame_top et body ou j'ai mon text mais voila mon probleme j'arrive pas a ouvrir mes autres page dans le body a chaque fois ca m'ouvre une autre page
<script language="JavaScript">
/* Daniel Fabien - webmaster@script-masters.com
* Script Masters - http://www.script-masters.com/
*
* Menu vertical dynamique
* Vous pouvez utilisé ce script sous reserve de conserver ce message
*/
//------------------- Options ------------------------//
var largeurMenu = 145 // Pour régler la largeur du menu
var policeMenu = "Verdana" // Police pour les menus
var taillePoliceMenu = "16" // Taille de la police du menu
var couleurPoliceMenu = "#0033FF" // Couleur de la police du menu
var couleurBordure = "#000000" // Couleur de la bordure du menu
var couleurFond = "##009933" // Couleur du fond du menu
var couleurFond2 = "#A7ADB7" // Couleur du fond des sous menus
var couleurLienRollOver = "#FFFFFF" // Couleur des liens lors du rollover
var couleurFondRollOver = "#959EAD" // 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();
menu[0]="News";
menu[1]="Info de le Team";
menu[2]="Telechargement";
menu[3]="Contact";
var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();
// Valeurs sous le premier menu
ssmenuNom[0] = new Array();
ssmenuLien[0] = new Array();
ssmenuTarget[0] = new Array();
ssmenuNom[0][0] = "Actualité"; // Nom du lien
ssmenuLien[0][0] = "#"; // Adresse
ssmenuTarget[0][0] = "Frame_top"; // ouvrir une fenetre : "_blank" -----> c'est la le probleme
// ds la même fenetre : _top
// ds une frame : nom de la frame
ssmenuNom[0][1] = "Archive";
ssmenuLien[0][1] = "#/";
ssmenuTarget[0][1] = "_blank";
// Valeurs sous le second menu - Répéter opération
ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();
ssmenuTarget[1] = new Array();
ssmenuNom[1][0] = "Historique";
ssmenuLien[1][0] = "http://www.script-masters.com/";
ssmenuTarget[1][0] = "_blank";
ssmenuNom[1][1] = "Membre";
ssmenuLien[1][1] = "http://www.script-masters.com/";
ssmenuTarget[1][1] = "_blank";
ssmenuNom[1][2] = "Résultats";
ssmenuLien[1][2] = "http://www.script-masters.com/";
ssmenuTarget[1][2] = "_blank";
ssmenuNom[1][3] = "Nous défier";
ssmenuLien[1][3] = "http://www.script-masters.com/";
ssmenuTarget[1][3] = "_blank";
// Valeurs sous le troisieme menu - idem
ssmenuNom[2] = new Array();
ssmenuLien[2] = new Array();
ssmenuTarget[2] = new Array();
ssmenuNom[2][0] = "Images";
ssmenuLien[2][0] = "http://www.script-masters.com/";
ssmenuTarget[2][0] = "_blank";
ssmenuNom[2][1] = "Video";
ssmenuLien[2][1] = "http://www.script-masters.com/";
ssmenuTarget[2][1] = "_blank";
//------------------- Ne rien modifié ------------------------//
var nbMenu = menu.length;
//------------------- Rendu dynamique ------------------------//
//On détecte le browser
var ie=document.all
var ns6=document.getElementById&&!document.all
function montreMenu(num){
for (var i=0; i<nbMenu; i++) {
if (ie) {
objet = document.all["ssmenu"+i]
} else if (ns6) {
objet = document.getElementById("ssmenu"+i);
}
if (objet.style.display == "" ){
objet.style.display = "none"
}
}
if (ie) {
objet = document.all["ssmenu"+num]
} else if (ns6) {
objet = document.getElementById("ssmenu"+num);
}
if (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-color: "+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-color: "+couleurFond2+";" );
document.write("}" );
document.write("</style>" );
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>
<style type="text/css">
<!--
body {
background-image: url(../../gauche2.gif);
}
-->
</style></head>
<body>
<script language="JavaScript">
generation();
</script>
merci beaucoup d'avance