1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Menu & Co
  5. Menu avec info bulles en div

Menu avec info bulles en div

5/5 (3 avis)

Vue 8 232 fois - Téléchargée 968 fois

Télécharger le projet
Commenter

Description

Ce menu n'est pas de moi, je l'ait simplement pris sur le site web-tricheur car c'est ce menu que je cherchais depuis très longtemps!!!! Si quelqu'un a moyen de l'améliorer qu'il s'éclate avec!!!

Source / Exemple : 


<HTML>
<HEAD>
<TITLE>Menu avec info-bulles en div</TITLE>
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana;
	font-size: 9px;
	color: #0066CC;
}
body {
	background-color: #FFF4CA;
}
.Style1 {font-size: 35px}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>
<BODY bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0 marginheight="0" marginwidth="0">
<DIV id=dek style="Z-INDEX: 500; VISIBILITY: hidden; POSITION: absolute"></DIV>
<div id="Layer1" style="position:absolute; left:199px; top:14px; width:781px; height:173px; z-index:501">
  <div align="center" class="Style1">
    <p>Web tricheur</p>
    <p>&nbsp;</p>
    <p>Menu avec info-bulles en DIV</p>
  </div>
</div>
<SCRIPT type=text/javascript>
<!--
Xoffset= 10;
Yoffset= 15;
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;
function popup(msg){
var content="<TABLE BORDER=1 BORDERCOLOR=\"#000055\" CELLPADDING=0 CELLSPACING=0 BGCOLOR=\"#CCCCFF\"><TD ALIGN=center><FONT COLOR=black SIZE=2>&nbsp;&nbsp;"+msg+"&nbsp;&nbsp;</FONT></TD></TABLE>";
yyy=Yoffset;
 if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
 if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
 if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}
function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else { if (ns6||ie4) { skn.display="none" } }
}
//-->
</SCRIPT>
<TABLE cellSpacing=0 cellPadding=0 width="16%" border=0>
  <TBODY>
    <TR>
      <TD colSpan=2>Menu 1 </TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B>	  <A onmouseover="popup('Se rendre sur la page d accueil')" onmouseout=kill() href="#" ;>Accueil</A>
	  </B>	  </TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD colSpan=2 height=15></TD>
    </TR>
    <TR>
      <TD colSpan=2>Menu 2 </TD>
    </TR>
    <TR>
      <TD align=right width=11><div align="left"><IMG height=10 
            src="flechedroite.gif" width=10 border=0></div></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD colSpan=2 height=15></TD>
    </TR>
    <TR>
      <TD colSpan=2>Menu 3 </TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD colSpan=2 height=15></TD>
    </TR>
    <TR>
      <TD colSpan=2>Menu 4 </TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD align=right width=11><IMG height=10 
            src="flechedroite.gif" width=10 border=0></TD>
      <TD class=menu width=143>&nbsp;<B><A 
            onmouseover="popup('Se rendre sur cette page')" onmouseout=kill() 
            href="#" 
            ;>Page </A></B></TD>
    </TR>
    <TR>
      <TD colSpan=2 height=15></TD>
    </TR>
  </TBODY>
</TABLE>
<p></p>
	<p></p>
	<p></p>
</BODY></HTML>

Conclusion :


Ce menu, en 3 jours et en le modifiant de partout, n'a pas bronché, il n'y a eu aucun bug!!
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Membre
Dernière intervention
30 juillet 2012
 41
13 déc. 2004 à 21:22
je ne sais pas si c'est dépassé, masi quand je regarde les lignes de code, je peux m'apercevoir que ton script est largement simplifiable...
webman21600
Messages postés
17
Date d'inscription
samedi 22 mai 2004
Statut
Membre
Dernière intervention
19 septembre 2004
4 sept. 2004 à 16:15
merci, tout d'abord. c'est vrai que c'est un peu dépassé mais c'est ce que je voit de plus simple! ;-)
Cordialement
Webman21600
chimelpremier
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
 1
3 sept. 2004 à 13:39
C'est un peu dépassé, l'auteur est Mike McGrath.
J'en ai fait un qui récupère les infos "title" et "alt" si ça peut t'intéresser :
http://perso.wanadoo.fr/michel.deboom/halloween03.htm
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.