Menu avec info bulles en div
Soyez le premier à donner votre avis sur cette source.
Vue 8 080 fois - Téléchargée 957 fois
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!!!
Ce menu, en 3 jours et en le modifiant de partout, n'a pas bronché, il n'y a eu aucun bug!!
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> </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> "+msg+" </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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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!!
Codes Sources
A voir également
- Webtricheur
- Javascript : Info bulle (div,a href,img...) - CodeS SourceS - Guide
- Des info-bulles originals - Codes sources - ASP / ASP.NET (Javascript/DHTML)
- Des info-bulles originals - Codes sources - Javascript (Effets)
- Javascript : Info bulle - CodeS SourceS - Guide
- C# / .NET : Tooltip ou info bulle sur un controle - CodeS SourceS - Guide
- Messages postés
-
12303
- Date d'inscription
- mardi 10 février 2004
- Statut
- Modérateur
- Dernière intervention
- 30 juillet 2012
39Cordialement
Webman21600
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
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.