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...Skins, Themes, ...Skins, Themes, ...jQuery Mouse-Over ButtonsjQuery Mouse-Over Buttons
Previous
 
Next
New Post
1/4/2012 1:50 PM
 

Hello..
I was wondering if someone out there has code for a jQuery mouse-over for multiple buttons.  Something which I can put into a HTML module for side-buttons.

We have old Javascript code which isn't working any longer with DNN v6; I think I just didn't configure the .js link in the skin correctly.  Plus it's code generated by a WYSIWYG editor from YEARS ago that the code has just been copied over from.

But this is a brave new world and would like to update this a little; ha-ha..

Thanks.. -Jeff

 
New Post
1/5/2012 3:26 AM
 
can you explain what you want in a bit more detail?
 
New Post
1/5/2012 9:07 AM
 
Armand Datema wrote:
can you explain what you want in a bit more detail?

 Hello.. Thanks for the reply..

We have different departmental pages.  On a left-side pane, we have buttons which allow end-users to see different departmental pages.  These were created in a WYSIWYG editors YEARS ago and their HTML/JS code was just copied and pasted into a DNN HTML module.  Up until our DNN v6.1.2 upgrade, these were working.

For example, they have a blue background until you mouse-over them and then they turn red.  Certain departmental pages have multiples of these types of buttons.

I'd like to not be dependent on old Javascript code and update the code to jQuery; which I'd think would be easier to maintain and require less code.

Thanks.. -Jeff

Here's an example of the existing code:
<a href="/Portals/0/resources/documents/census_2010.pdf" ="MM_swapImage('census','','/Portals/0/resources/images/census_gr.png',1)" onmouseout="MM_swapImgRestore()" target="_blank"><img width="150" height="30" name="census" style="border:0px solid; border-image: initial;" alt="2010 Census" src="/portals/0/resources/images/census_rd.png" /></a>

 
New Post
1/6/2012 6:25 AM
 

yikes mm_ that has been a while ;)

In your case I would stay away from scripting since I dont see the use you can do it with css 

you can have them do

 

< a href="#" class="specialbutton1">Button1</a>

< a href="#" class="specialbutton2">Button2</a>

 and then in css

a.specialbutton1{

padding:10px;background-color:red ;

}

a.specialbutton1:hover{

padding:10px;background-color:red ;

}

now thsi is a simple setup you could jsut modify the css and add some fancy css 3 effects ( use css pie for older browsers )

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...jQuery Mouse-Over ButtonsjQuery Mouse-Over Buttons


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