Javascript (menu deroulant...)
Fermé
canado
Messages postés
26
Date d'inscription
mercredi 31 mai 2006
Statut
Membre
Dernière intervention
8 juillet 2010
-
2 juin 2006 à 09:39
canado Messages postés 26 Date d'inscription mercredi 31 mai 2006 Statut Membre Dernière intervention 8 juillet 2010 - 2 juin 2006 à 10:47
canado Messages postés 26 Date d'inscription mercredi 31 mai 2006 Statut Membre Dernière intervention 8 juillet 2010 - 2 juin 2006 à 10:47
Bonjour, j'aimerais ajouter dans la ligne de code suivante:
<area shape="rect" coords="0,66,146,105" href="fabrication.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
... un code qui en passant sur la zone de lien fait changé le fond l'image.
Pour un exemple, comme sur ce site:
http://www.cryomec.com/eng/cadre%20eng.htm
merci d'avance pour les éventuelles réponses.
<area shape="rect" coords="0,66,146,105" href="fabrication.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
... un code qui en passant sur la zone de lien fait changé le fond l'image.
Pour un exemple, comme sur ce site:
http://www.cryomec.com/eng/cadre%20eng.htm
merci d'avance pour les éventuelles réponses.
A voir également:
- Javascript (menu deroulant...)
- Menu déroulant excel - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Excel menu déroulant en cascade - Guide
- Telecharger javascript - Télécharger - Langages
- Menu caché tv continental edison ✓ - Forum Téléviseurs
4 réponses
canado
Messages postés
26
Date d'inscription
mercredi 31 mai 2006
Statut
Membre
Dernière intervention
8 juillet 2010
2 juin 2006 à 09:57
2 juin 2006 à 09:57
Ca serait bien au moins de donner le lien d'ou ca se trouve parce que j'ai beau chercher dans tout les sujets, je trouve pas. merci
Je veux bien te donner un coup de main , mais si tu pouvais mettre le code de ton menu ce serait mieux.
Voilou
Voilou
canado
Messages postés
26
Date d'inscription
mercredi 31 mai 2006
Statut
Membre
Dernière intervention
8 juillet 2010
2 juin 2006 à 10:03
2 juin 2006 à 10:03
Bon voici le code complet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
<!--
function showmenu()
{
if(document.getElementById)
document.getElementById("menu").style.visibility = 'visible';
}
function closemenu()
{
if(document.getElementById)
document.getElementById("menu").style.visibility = 'hidden';
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="images/fondMenuGauche.bmp" onLoad="MM_preloadImages('images/FondMenu(bis).bmp')">
<br>
<br>
<br>
<img src="images/logoNordon.bmp" width="172" height="195"><br><br>
<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button2.swf">
<param name="quality" value="high">
<param name="SCALE" value="noborder">
<embed src="button2.swf" width="148" height="20" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" base="." scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button3.swf">
<param name="quality" value="high">
<param name="SCALE" value="noborder">
<embed src="button3.swf" width="148" height="20" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" base="." scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button4.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button4.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button8.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button8.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button19.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button19.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" onMouseOver="showmenu()" onMouseOut="closemenu()" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button17.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button17.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<div style="position:absolute; top:406px; left:26px; width:151px; overflow:none; visibility:hidden; height: 87px;" id="menu" align="center" class="texte">
<div style="overflow:hidden;z-index:100">
<table width="161" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="110"><div align="center"><img src="images/FondMenu.bmp" width="146" height="88" border="0" usemap="#Map" href="fabrication.htm" target="mainFrame">
</div></td>
</tr>
</table>
</div></div>
</div>
<map name="Map">
<area shape="rect" coords="0,66,146,105" href="fabrication.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
<area shape="rect" coords="0,44,146,66" href="infosTech.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
<area shape="rect" coords="0,21,146,47" href="application.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
<area shape="rect" coords="0,0,146,25" href="principe.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
</map>
</body>
</html>
PS: je suis sous dreamweaver
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
<!--
function showmenu()
{
if(document.getElementById)
document.getElementById("menu").style.visibility = 'visible';
}
function closemenu()
{
if(document.getElementById)
document.getElementById("menu").style.visibility = 'hidden';
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="images/fondMenuGauche.bmp" onLoad="MM_preloadImages('images/FondMenu(bis).bmp')">
<br>
<br>
<br>
<img src="images/logoNordon.bmp" width="172" height="195"><br><br>
<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button2.swf">
<param name="quality" value="high">
<param name="SCALE" value="noborder">
<embed src="button2.swf" width="148" height="20" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" base="." scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button3.swf">
<param name="quality" value="high">
<param name="SCALE" value="noborder">
<embed src="button3.swf" width="148" height="20" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" base="." scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button4.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button4.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button8.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button8.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button19.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button19.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" onMouseOver="showmenu()" onMouseOut="closemenu()" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="148" height="20">
<param name="BGCOLOR" value="">
<param name="movie" value="button17.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="SCALE" value="noborder">
<embed src="button17.swf" width="148" height="20" base="." quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" scale="noborder" ></embed>
</object>
<div style="position:absolute; top:406px; left:26px; width:151px; overflow:none; visibility:hidden; height: 87px;" id="menu" align="center" class="texte">
<div style="overflow:hidden;z-index:100">
<table width="161" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="110"><div align="center"><img src="images/FondMenu.bmp" width="146" height="88" border="0" usemap="#Map" href="fabrication.htm" target="mainFrame">
</div></td>
</tr>
</table>
</div></div>
</div>
<map name="Map">
<area shape="rect" coords="0,66,146,105" href="fabrication.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
<area shape="rect" coords="0,44,146,66" href="infosTech.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
<area shape="rect" coords="0,21,146,47" href="application.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
<area shape="rect" coords="0,0,146,25" href="principe.htm" target="mainFrame" onMouseOver="showmenu()" onMouseOut="closemenu()">
</map>
</body>
</html>
PS: je suis sous dreamweaver
canado
Messages postés
26
Date d'inscription
mercredi 31 mai 2006
Statut
Membre
Dernière intervention
8 juillet 2010
2 juin 2006 à 10:47
2 juin 2006 à 10:47
Bon tant pis je lache l'affaire, vais faire autre chose alors.