Probleme avec un javascript sur les navigateu

Fermé
bouza58 Messages postés 1 Date d'inscription jeudi 2 décembre 2004 Statut Membre Dernière intervention 2 décembre 2004 - 2 déc. 2004 à 14:07
d.pasche Messages postés 1 Date d'inscription mercredi 6 août 2003 Statut Membre Dernière intervention 3 décembre 2004 - 3 déc. 2004 à 08:08
bonjour;

voilà j'ai un javascript "menu" qui s'execute correctement avec internet explorer mais dés que je passe a Netscape ou Mozilla il ne s'affiche pas quelqu'un pourra t-il m'aider . je joins le script avec ce message. Et merci pour votre aide.

chaine = ""
+"<DIV ID = 'obj1' CLASS = 'backmenu' onmouseover='cache()'>"
+"<table border='0' cellpadding='0' cellspacing='0' width='800'><tr><td>"
+"<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></td></tr></table>"
+"</DIV>"

/* ce bloc ci dessous est un onglet du menu
la premiere balise <DIV> defini le titre de l'onglet (celui qui apparé dans la barre)
la seconde defini l'onglet lui meme avec les liens
remarques dans la premiere balise le lien nomme 'titre A' possedes un fonction
onmouseover='voir(2)'
le numero doit correspondre a la balise ( ici obj2,donc voir(2) )
si il y avait obj3 ce serait voir(3) etc...
pour rajouter une entree dans l'onglet, il faut juste rajouter cette ligne:
+"<A HREF='#' class='liens'>Entree C</A><BR>"
juste en dessous des autres pareilles (le nom 'entree C' est ce qui apparé dans le menu)

pour rajouter un onglet, regardes le bloc juste en dessous
ce qui change, c'est: le nom de la premiere balise <DIV ID= 'obj2' ...> devient <DIV ID= 'obj4' ...>
le nom de la seconde balise <DIV ID= 'obj3' ...> devient <DIV ID= 'obj5' ...>
et le onmouseover voir(2) qui devient voir(4)

meme technique pour le troisieme onglet...

*/



/*PRESENTATION*/
+"<DIV ID = 'obj2' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(2)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'> Présentation</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj3' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='190' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='puce2.gif' width='15' height='15'><A HREF='statut.html' class='blanc'> L'établissement</A></td></tr>"
+"</table>"
+"</DIV>"

/*Inscriptions*/
+"<DIV ID = 'obj4' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(4)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'> Inscriptions</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj5' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='190' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='puce2.gif' width='15' height='15'><A HREF='statut.html' class='blanc'> L'établissement</A></td></tr>"
+"</table>"
+"</DIV>"




/*PEDAGOGIE */
+"<DIV ID = 'obj6' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(6)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'> Enseignements</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj7' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='190' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='puce2.gif' width='15' height='15'><A HREF='prof.html' class='blanc'> Prof</A></td></tr>"
+"</table>"
+"</DIV>"


/* cette ligne ne change pas*/
document.write(chaine);

/* alors ici, il faut rajouter une ligne par balise DIV existantes (celle du dessus obj2,obj3,obj4,etc...)
donc ici 7 div (var div1,var div2,var div3,etc....)
remarques,div1 correspond a obj1
div2 a obj2
etc...

la derniere ligne doit contenir toute les div creer juste au dessus
div1,div2,div3,...,div7

*/
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var div1 = (isNS) ? document.obj1 : document.all.obj1.style;
var div2 = (isNS) ? document.obj2 : document.all.obj2.style;
var div3 = (isNS) ? document.obj3 : document.all.obj3.style;
var div4 = (isNS) ? document.obj4 : document.all.obj4.style;
var div5 = (isNS) ? document.obj5 : document.all.obj5.style;
var div6 = (isNS) ? document.obj6 : document.all.obj6.style;
var div7 = (isNS) ? document.obj7 : document.all.obj7.style;





var objet;objet = new Array(div1,div2,div3,div4,div5,div6,div7)


/* voici les fonction utilisees par le menu,rien a modifier */

function placeObj(i,px,py) {objet[i].left=px;objet[i].top=py;}
function voirObj(i) {objet[i].visibility="visible";}
function cacheObj(i) {objet[i].visibility="hidden";}

function voir(i) {
for (var j = 1; j < objet.length; j++) {
if ((Math.round(j/2)*2)==j) {cacheObj(j)};
}
voirObj(i);voirObj(0);
}
function cache() {
for (var j = 1; j < objet.length; j++) {
if ((Math.round(j/2)*2)==j) {cacheObj(j)};
}
cacheObj(0);
}
voirObj(1);placeObj(1,0,0);placeObj(2,140,0);
voirObj(3);placeObj(3,0,23);placeObj(4,140,23);
voirObj(5);placeObj(5,0,46);placeObj(6,140,46);
voirObj(7);placeObj(7,0,69);placeObj(8,140,69);

1 réponse

d.pasche Messages postés 1 Date d'inscription mercredi 6 août 2003 Statut Membre Dernière intervention 3 décembre 2004
3 déc. 2004 à 08:08
Bonjour,

J'ai aussi été soumis au même problème et ai essayé en vain plusieurs
menus java. J'ai eu la chance d'en trouver un à base de CSS (et un poil
de java) qui marche nickel. Essaye le lien ci-dessous.

http://iubito.free.fr/

Bon courage et développement.
dp
0