Menu Java Script INVISIBLE !

[Marie-Aude]

Bonsoir, je suis tout nouveau sur ce forum, je me présente un peu...

Je suis photographe auteur et suis en train de réaliser mon site web dans lequel j'ai inclu
un document Java Script comme menu...

Celui ci est visible sur toute mes page quand je l'ouvre avec mon navigateur ( Google Chrome ),
mais les menu disparaissent quand ils sont mis en ligne...

Voici le code de mon Document Java Script ( ejs_menu_dyn_2.js ):

Code: Tout sélectionner

hauteurcadre = 20;

xmenu = new Array;
xlien = new Array;

xmenu[0] = '<A HREF="http://www.wax-gabriel.com" CLASS=menudyn3>GABRIELWAX</A>';
xmenu[1] = '<A HREF="directormoviemaker.htm" CLASS=menudyn3>DIRECTOR</A>';
xmenu[2] = '<A HREF="photographer.htm" CLASS=menudyn3>PHOTOGRAPHER</A>';
xmenu[3] = '<A HREF="musicianguitarist.htm" CLASS=menudyn3>MUSICIAN</A>';
xmenu[4] = '<A HREF="waxnation.htm" CLASS=menudyn3>WAXNATION</A>';

xlien[0] = ''
xlien[1] = ''
xlien[2] = ''
xlien[3] = ''
xlien[4] = ''
xlien[0] += '<A HREF="bio-introduction.htm" CLASS=menudyn3>Bio Introduction</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="eportfolio.htm" CLASS=menudyn3>Eportfolio</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="pro-machine.htm" CLASS=menudyn3>Pro Machine</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="faq-u.htm" CLASS=menudyn3>FAQ U!!</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="article.htm" CLASS=menudyn3>Article</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="screenwriterscriptwriter.htm" CLASS=menudyn3>Screen Writer Scriptwriter</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="alternativenudemodel.htm" CLASS=menudyn3>Alternative Nude Model</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="djdeejay.htm" CLASS=menudyn3>DJ Deejay</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="info-contact.htm" CLASS=menudyn3>Info Contact</A>';
xlien[1] += '<A HREF="movieart.htm" CLASS=menudyn3>Movie Art</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="moviework.htm" CLASS=menudyn3>Movie Work</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="bandvideoclipdirector.htm" CLASS=menudyn3>Band Video Clip Director</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="screenwriterscriptwriter.htm" CLASS=menudyn3>Screen Writer Scriptwriter</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="movietime.htm" CLASS=menudyn3>Movie Time</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="moviestore.htm" CLASS=menudyn3>Movie Store</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="filmarchivememory.htm" CLASS=menudyn3>Film Archive Memory</A>';
xlien[2] += '<A HREF="photoart.htm" CLASS=menudyn3>Photo Art</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="photowork.htm" CLASS=menudyn3>Photo Work</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="fetishsexynudephotographer.htm" CLASS=menudyn3>Fetish Sexy Nude Photographer</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="visualshow.htm" CLASS=menudyn3>Visual</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="livemusicconcert.htm" CLASS=menudyn3>Concert</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="fashionmodel.htm" CLASS=menudyn3>Fashion</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="commercialindustrialcorporate.htm" CLASS=menudyn3>Com</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="photoshow.htm" CLASS=menudyn3>Photo Show</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="photoshop.htm" CLASS=menudyn3>Photo Shop</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="picturearchivememory.htm" CLASS=menudyn3>Picture Archive Memory</A>';
xlien[3] += '<A HREF="musicart.htm" CLASS=menudyn3>Music Art</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="musicwork.htm" CLASS=menudyn3>Music Work</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="enterprisebackgroundmusiccomposer.htm" CLASS=menudyn3>Enterprise Background Music Composer</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="djdeejay.htm" CLASS=menudyn3>DJ Deejay</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="musiclive.htm" CLASS=menudyn3>Music Live</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="musicbuy.htm" CLASS=menudyn3>Music Buy</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="soundarchivememory.htm" CLASS=menudyn3>Sound Archive Memory</A>';
xlien[4] += '<A HREF="mwm-magicweddingmemory.htm" CLASS=menudyn3>Magic Wedding Memory MWM</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="waxnation.htm#starcelebrity" CLASS=menudyn3>Star Celebrity</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="waxnation.htm#luxurypartner" CLASS=menudyn3>Luxury Partner</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="waxnation.htm#casting3A" CLASS=menudyn3>Casting 3.A C3A</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="waxnation.htm#mastercoaching" CLASS=menudyn3>Master Coaching</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="waxnation.htm#feedrss" CLASS=menudyn3>Feed Rss</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="sitemap_parameter.htm" CLASS=menudyn3>Sitemap/Parameter</A>';
document.write('<STYLE TYPE="text/css">\nA.menudyn3 {color:#333333; text-decoration:none;}\nA:hover.menudyn3 {color:#990024;text-decoration:none;}\n</STYLE>');

document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH='+(xlien.length*225)+' >  <TR><TD><TABLE CELLPADDING=2 CELLSPACING=1 BORDER=0 WIDTH=100%>  <TR>');

for(i=0;i<xlien.length;i++)

{
   document.write('<TD BGCOLOR=#000000 onMouseOver="javascript:colorIt(this);MajMenu('+i+')" ALIGN=center ID=td'+i+'><FONT SIZE=3 FACE="style2"><A HREF="#" onClick="return(false)" onMouseOver="MajMenu('+i+')" CLASS=menudyn3>'+xmenu[i]+'</A></FONT></TD>');
   }
document.write('</TR>  <TR> <TD COLSPAN='+(xlien.length)+'  HEIGHT='+hauteurcadre+' VALIGN=top><ilayer id="dynamenu31" width=100% height='+hauteurcadre+'><layer id="dynamenu32" width=100% height='+hauteurcadre+'><div id="dynamenu33">&nbsp;</div></layer></ilayer></TD>  </TR></TABLE></TD></TR></TABLE>');

function colorIt(tditem)
   {
   if(document.all)
      {
   document.all.td0.style.background='#000000';
   document.all.td1.style.background='#000000';
   document.all.td2.style.background='#000000';
   document.all.td3.style.background='#000000';
   document.all.td4.style.background='#000000';
tditem.style.background='#000000';
      }
else if(document.getElementById)
   {
   document.getElementById("td0").style.background='none';
   document.getElementById("td1").style.background='none';
   document.getElementById("td2").style.background='none';
   document.getElementById("td3").style.background='none';
   document.getElementById("td4").style.background='none';
tditem.style.background='#0F0F0F';
   }
}

function MajMenu(menu)
   {
   which = xlien[menu];
if (document.layers){
   document.dynamenu31.document.dynamenu32.document.write('<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>')
   document.dynamenu31.document.dynamenu32.document.close()
   }
else if (document.getElementById)
         {
         document.getElementById("dynamenu33").innerHTML = '<CENTER><FONT SIZE=3 FACE="style2"><B>'+which+'</B></FONT></CENTER>';
         }
else    if (document.all){
   dynamenu33.innerHTML='&nbsp;'
   dynamenu33.innerHTML='<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>';
   }
}
if (document.getElementById)
   colorIt(document.getElementById("td0"));
else if (document.all){
   colorIt(document.all.td0);
   }
MajMenu(0);


Voilà, e ne sais pas ou est l'erreur ou où est mon erreur.
Dois-je ajouter quelque chose à mes pages?

Quelqu'un pourrait il me donner des conseils et suggestions, je ne sais vraiment pas ce qui cloche...
Merci de vos réponses et please, soyez indulgents, je suis débutant...

Bonne soirée à tous,

Gabriel...

[Dolph]

Salut,

Edit ton post et met ton code entre les balise adéquates.

Ensuite, on ne met pas en ligne ouvert à tout le monde un site non finalisé.

Enfin, je dirais qu'il manque dans ton code l'appel du script JS.

[SpeedAirMan]

Bonjour et bienvenue sur le forum !

En temps normal, il aurait été bon de corriger le code (afin de comprendre et de solutionner le problème), mais là, le code présenté est... mauvais. Il n'est pas "accessible" et semble être "full javascript".

Il posera peut être des problèmes au niveau du référencement.

Je conseille de choisir un autre menu (il en existe énormément)

[authorartiste]

Bonjour à toutes et à tous, merci beaucoup pour vos réponses,

Pour la réponse de " Dolph ", je ne sais même pas ce que ça veux dire: " mettre son post dans les balises adéquates "...
Ensuite, qu'est-ce qu'un code d'appel s'il te plais?

Concernant " SpeedAirMan ", je vais quand même chercher d'autres codes,
cela dit, si vous avez des bonnes adresses pour des menu dynamiques horizontaux, je suis preneur

Grand merci à tous, tout cela m'éclair, à bientôt,

Gabriel...

[spout]

cela dit, si vous avez des bonnes adresses pour des menu dynamiques horizontaux

http://exploding-boy.com/images/cssmenus/menus.html
http://exploding-boy.com/images/cssmenus2/menus.html
http://css.maxdesign.com.au/listamatic/
http://css.maxdesign.com.au/listamatic2/
http://users.tpg.com.au/j_birch/plugins/superfish/
http://css3menu.com/
http://www.cssmenumaker.com/horizontal_css_menu.php
http://www.izzymenu.com/
...

[SpeedAirMan]

cela dit, si vous avez des bonnes adresses pour des menu dynamiques horizontaux, je suis preneur

Des adresses, il en existe plein, et vous n'êtes pas le seul à être passé par ce genre d'obstacles : n'hésitez donc pas à faire une recherche sur le forum


Côté menus, ces deux là ont des qualités intéressantes :

• Superfish
• Smooth Navigational Menu

...et pleins d'autres en faisant une recherche sur Google : jquery menu par exemple.


Si vous faites face à d'autres difficultés pour votre site, je vous encourage à faire appel à un ou plusieurs professionnels.

[Dolph]

Ensuite, qu'est-ce qu'un code d'appel s'il te plais?

Eh bien ton menu est géré par le fichier "ejs_menu_dyn_2.js".
Il faut donc placer dans tes pages html un code de ce type :

Code: Tout sélectionner

<script type="text/javascript" src="http://www.wax-gabriel.com/ejs_menu_dyn_2.js"></script>

... en fonction de l'endroit où il se trouve sur ton serveur et a placer dans le head.

[authorartiste]

Bonjour,

merci à tous pour vos réponses et tant de liens, je sais exactement quoi faire maintenant, merci pour vos conseils...

Excellente semaine à tous,
Gabriel...