Hello again. I created a mini-html page with rolloverbuttons to work inside a text/html module and I was wondering how DNN handles Javascript code or how to do rollover graphics within a text/html module. From DW, I took only the code that was within the main Table and put it in the text/html module, and tried to put all the Script tag items in the header or the footer of the module. Someone told me I could do it that way. It didnt' work. Here is the whole thing. Any suggestions on how to make the rollover buttons work? See the code below.
The javascript code generated by DW, and the code within the table that I tried to add to the text/html module:
<script type="text/JavaScript">
<!--
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>
The code for within the table...
<table width="171" height="684" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/btn_top.gif" width="171" align="top"></td>
</tr>
<tr>
<td><a href="apply.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/btn_apply-over.gif',1)"><img src="images/btn_apply.gif" alt="apply" name="Image2" width="171" border="0" align="top"></a></td>
</tr>
<tr>
<td><a href="why.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/btn_why-over.gif',1)"><img src="images/btn_why.gif" alt="why montvale mortgage" name="Image3" width="171" border="0" align="top"></a></td>
</tr>
<tr>
<td><a href="calculator.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/btn_calc-over.gif',1)"><img src="images/btn_calc.gif" alt="calculators" name="Image4" width="171" border="0" align="top"></a></td>
</tr>
<tr>
<td><a href="interest.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/btn_interest-over.gif',1)"><img src="images/btn_interest.gif" alt="interest rates" name="Image5" width="171" border="0" align="top"></a></td>
</tr>
<tr>
<td><a href="snapshot.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('snapshot','','images/btn_snap-over.gif',1)"><img src="images/btn_snap.gif" alt="snapshot" name="snapshot" width="171" border="0" align="top"></a></td>
</tr>
</table>