Aller au contenu

Javascript


titeuf

Sujets conseillés

Salut à tous

:blush: Débutant désespéré :blush:

J'ai créé un tableau avec une image à l'intérieur qui change de forme lors du survol de la souris et fait apparaitre un sous menu dans un autre cadre.

Le petit problème est que lors du survol le menu apparait mais ne disparais plus lorque le focus n'est plus sur e menu ou le sous menu et si je change le onmouseout du menu je n'ai jamais le focus sur le sous menu cà c'est logique. comment faire ? où est l'erreur ?

Le deuxième bug, quand je clique sur un lien du sous menu la page correspondant apparrait mais l'apparition du sous menu elle ne marche plus elle ne marche qu'une seule fois.

Je vous met des partie de mn code :

L'image=menu

<td><a href="aperprog.htm" target="bottomFrame" onMouseOver="MM_swapImage('Image14','','ps2.bmp',1);MM_showHideLayers('Layer5?bottomFrame','','show')" onMouseOut="MM_swapImgRestore()"><img src="ps.bmp" name="Image14" border="0" align="texttop"></a></td>

[b]MM_showHideLayers est une fonction toute prète qui masque ou montre le sous menu la voici : [/b]

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

[b]Voici le code correspondant à mon sous menu : [/b]

<div id="Layer5" style="position:absolute; width:118px; height:93px; z-index:1; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; left: 2px; top: -6px;" class="hover" onMouseOut="MM_showHideLayers('Layer5?bottomFrame','','hidden')">
<table width="99%" height="96" border="0" cellspacing="0">
<tr>
<td><strong><font size="1"><a href="aperprog.htm" target="bottomFrame" class="lien1" >Aperçu</a></font></strong></td>
</tr>
<tr>
<td><strong><font size="1"><a href="grille_horaire.htm" target="bottomFrame" class="lien1" >Grille horaire</a></font></strong></td>
</tr>
<tr>
<td><strong><font size="1"><a href="Programme_pre.htm" target="bottomFrame" class="lien1" >programme préliminaire</a></font></strong></td>
</tr>
<tr>
<td><strong><font size="1"><a href="Publi.htm" target="bottomFrame" class="lien1" >Publications
congrès</a></font></strong></td>
</tr>
</table>
</div>

Désolé pour la grandeur du message mais je suis débutant et je m'y suis attaché trop tard et maintenant je suis à la boure.

  :blush:  Merci d'avance !!!

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...