I have a web site that has two differnt scripts for displaying the rollovers on buttons, one is nice and compact the other very long and wordy. I am trying to create a common js include file, so I am trying to convert the longer script pages to the shorter generic code. The one problem I have reached is that several of the pages have a definition area that displays as the user moses over the button. This is done by calling both the button highlight image and the definition image at the same time from the mouseover call. the problem is that I am uncertain as to how to call two images with the following js.
Here is the code I would like to use:
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v3.0
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); 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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Currently I use the following html on the buttons:
<a HREF=http://www.webdeveloper.com/forum/archive/index.php/"classes/current/current.shtml" TARGET="SubMain_Window" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Button One','','images/selection1b.gif',1)"><img name="Button One" border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"images/selection1a.gif"></a>
Can anyone help me find a way to call and replace to images at a time as the user mouses over the menu?
Here is the code I would like to use:
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v3.0
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); 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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Currently I use the following html on the buttons:
<a HREF=http://www.webdeveloper.com/forum/archive/index.php/"classes/current/current.shtml" TARGET="SubMain_Window" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Button One','','images/selection1b.gif',1)"><img name="Button One" border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"images/selection1a.gif"></a>
Can anyone help me find a way to call and replace to images at a time as the user mouses over the menu?