Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Mouse over codeMouse over code
Previous
 
Next
New Post
6/12/2007 6:42 PM
 

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>

 

 

 
New Post
6/18/2007 1:13 PM
 

FYI, I finally got it to work. I just didn't have the proper path set for the rollover image in the text/htm. module. I kept the javascript code in the header in the same module's settings.

 
New Post
6/18/2007 1:33 PM
 

Two things.  First of all, JavaScript in a HTML/Text module works fine.  All the module does is send the coee it contains to the browser, which renders HTML and runs client-side JavaScript for your rollovers.  JavaScript and all HTML/Text go in the body of the module.  Use the source view to enter the code.

Second, you've provided code but we don't know what's wrong.  The only description you give is "doesn't work."

Jeff

 
New Post
6/18/2007 2:32 PM
 

My apologies. I'll try to be more specific.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Mouse over codeMouse over code


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out