Javascript (menu deroulant...)
canado
Messages postés
26
Date d'inscription
Statut
Membre
Dernière intervention
-
canado Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
canado Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
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
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Excel
- Canon quick menu - Télécharger - Utilitaires
4 réponses
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
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