R
Richard
Bonjour,
voici un script (ci-dessous) Qui permet de faire suivre en déroulant
une page un menu dans un calque !
J'aimerais mettre des roll over images dans mon menu !
Comment faire ?
Merci de votre aide !
Code : /*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
gauche9= 0;
haut9= 0;
target9 = '_self';
menu9titre = new Array;
menu9lien = new Array;
menu9titre[0]= '<img src=\"images/aaa.gif\"border=0>'
menu9lien[0]= 'http://'
menu9titre[1]= '<img src=\"images/bbb.gif\"border=0>'
menu9lien[1]= ''
menu9titre[2]= '<img src=\"images/ccc.gif\"border=0>'
menu9lien[2]= ''
menu9titre[3]= '<img src=\"images/ddd.gif\"border=0>'
menu9lien[3]= ''
menu9titre[4]= '<img src=\"images/eee.gif\" border=0>'
menu9lien[4]= ''
menu9titre[5]= '<img src=\"images/fff.gif\" border=0>'
menu9lien[5]= ''
menu9titre[6]= '<img src=\"images/ggg.gif\" border=0>'
menu9lien[6]= ''
menu9titre[7]= '<img src=\"images/hhh.gif\" border=0>'
menu9lien[7]= ''
menu9titre[8]= '<img src=\"images/iii.gif\" border=0>'
menu9lien[8]= ''
menu9titre[9]= '<img src=\"images/jjj.gif\" border=0>'
menu9lien[9]= ''
document.write('<STYLE TYPE="text/css">#menu9 {
position:absolute;top:'+haut9+';left:'+gauche9+'; }</STYLE>');
ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers
function placeMenu9() {
if (ie4) {menu9.style.pixelTop=document.body.scrollTop+haut9}
else if (ns6) {document.getElementById("menu9").style.top=window.pageYOffset+haut9}
else if (ns4) {eval(document.menu9.top=eval(window.pageYOffset+haut9));}
if(ie4 || ns6 || ns4)
setTimeout("placeMenu9()",1);
}
window.onload = placeMenu9;
document.write('<SPAN ID=menu9><table cellspacing=0 cellpadding=0
WIDTH=149>')
for(a=0;a<menu9lien.length;a++)
{
document.write('<TR><TD
onClick="window.open(\''+menu9lien[a]+'\',\''+target9+'\')"><A
HREF="'+menu9lien[a]+'"
TARGET="'+target9+'">'+menu9titre[a]+'</A></TD></TR>');
}
document.write('</TR></TABLE></SPAN>')
et voici mon script roll over :
<SCRIPT language=javascript><!--
if (document.images)
{
aaa = new Image(149,67)
aaa.src = "images/aaa.gif";
aaaon = new Image(149,67)
aaaon.src = "images/aaaon.gif";
bbb = new Image(149,56)
bbb.src = "images/menu2_pincees.gif";
bbbon = new Image(149,56)
bbbon.src = "images/bbbon.gif";
ccc = new Image(149,37)
ccc.src = "images/ccc.gif";
cccon = new Image(149,37)
cccon.src = "images/cccon.gif";
ddd = new Image(149,42)
ddd.src = "images/ddd.gif";
dddon = new Image(149,42)
dddon.src = "images/dddon.gif";
eee = new Image(149,38 )
eee.src = "images/eee.gif";
eeeon = new Image(149,38 )
eeeon.src = "images/eeeon.gif";
fff = new Image(149,33)
fff.src = "images/fff.gif";
fff = new Image(149,33)
fff.src = "images/fffon.gif";
ggg = new Image(149,33)
ggg.src = "images/ggg.gif";
gggon = new Image(149,33)
gggon.src = "images/gggon.gif";
hhh = new Image(149,34)
hhh.src = "images/hhh.gif";
hhhon = new Image(149,34)
hhhon.src = "images/hhhon.gif";
}
//execute rollovers
function roll(imgDocID,imgObjName) {
if (document.images) {
document [imgDocID].src = eval(imgObjName + ".src");
}
}
//-->
</SCRIPT>
voici un script (ci-dessous) Qui permet de faire suivre en déroulant
une page un menu dans un calque !
J'aimerais mettre des roll over images dans mon menu !
Comment faire ?
Merci de votre aide !
Code : /*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
gauche9= 0;
haut9= 0;
target9 = '_self';
menu9titre = new Array;
menu9lien = new Array;
menu9titre[0]= '<img src=\"images/aaa.gif\"border=0>'
menu9lien[0]= 'http://'
menu9titre[1]= '<img src=\"images/bbb.gif\"border=0>'
menu9lien[1]= ''
menu9titre[2]= '<img src=\"images/ccc.gif\"border=0>'
menu9lien[2]= ''
menu9titre[3]= '<img src=\"images/ddd.gif\"border=0>'
menu9lien[3]= ''
menu9titre[4]= '<img src=\"images/eee.gif\" border=0>'
menu9lien[4]= ''
menu9titre[5]= '<img src=\"images/fff.gif\" border=0>'
menu9lien[5]= ''
menu9titre[6]= '<img src=\"images/ggg.gif\" border=0>'
menu9lien[6]= ''
menu9titre[7]= '<img src=\"images/hhh.gif\" border=0>'
menu9lien[7]= ''
menu9titre[8]= '<img src=\"images/iii.gif\" border=0>'
menu9lien[8]= ''
menu9titre[9]= '<img src=\"images/jjj.gif\" border=0>'
menu9lien[9]= ''
document.write('<STYLE TYPE="text/css">#menu9 {
position:absolute;top:'+haut9+';left:'+gauche9+'; }</STYLE>');
ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers
function placeMenu9() {
if (ie4) {menu9.style.pixelTop=document.body.scrollTop+haut9}
else if (ns6) {document.getElementById("menu9").style.top=window.pageYOffset+haut9}
else if (ns4) {eval(document.menu9.top=eval(window.pageYOffset+haut9));}
if(ie4 || ns6 || ns4)
setTimeout("placeMenu9()",1);
}
window.onload = placeMenu9;
document.write('<SPAN ID=menu9><table cellspacing=0 cellpadding=0
WIDTH=149>')
for(a=0;a<menu9lien.length;a++)
{
document.write('<TR><TD
onClick="window.open(\''+menu9lien[a]+'\',\''+target9+'\')"><A
HREF="'+menu9lien[a]+'"
TARGET="'+target9+'">'+menu9titre[a]+'</A></TD></TR>');
}
document.write('</TR></TABLE></SPAN>')
et voici mon script roll over :
<SCRIPT language=javascript><!--
if (document.images)
{
aaa = new Image(149,67)
aaa.src = "images/aaa.gif";
aaaon = new Image(149,67)
aaaon.src = "images/aaaon.gif";
bbb = new Image(149,56)
bbb.src = "images/menu2_pincees.gif";
bbbon = new Image(149,56)
bbbon.src = "images/bbbon.gif";
ccc = new Image(149,37)
ccc.src = "images/ccc.gif";
cccon = new Image(149,37)
cccon.src = "images/cccon.gif";
ddd = new Image(149,42)
ddd.src = "images/ddd.gif";
dddon = new Image(149,42)
dddon.src = "images/dddon.gif";
eee = new Image(149,38 )
eee.src = "images/eee.gif";
eeeon = new Image(149,38 )
eeeon.src = "images/eeeon.gif";
fff = new Image(149,33)
fff.src = "images/fff.gif";
fff = new Image(149,33)
fff.src = "images/fffon.gif";
ggg = new Image(149,33)
ggg.src = "images/ggg.gif";
gggon = new Image(149,33)
gggon.src = "images/gggon.gif";
hhh = new Image(149,34)
hhh.src = "images/hhh.gif";
hhhon = new Image(149,34)
hhhon.src = "images/hhhon.gif";
}
//execute rollovers
function roll(imgDocID,imgObjName) {
if (document.images) {
document [imgDocID].src = eval(imgObjName + ".src");
}
}
//-->
</SCRIPT>