Drupal Hosts : change the menu item image when viewing a page


	Drupal Hosts : change the menu item image when viewing a page

ser12ver

8-12-2009 2:18 AM

227 views

tags:

webhosting, couponshost, drupal, webhost, hosting, coupons

ser12ver says:

I am currently using the menuclass module to assign class names to each of my menuitems, which works great for me to be able to assign the menu item to be an image, and also to set a different image when I hover over the item.

Add a Comment

Login to Comment. Not a member yet? Sign up

Today's Top Clips

visit the Top Clips page

View the Top Clips from August 12, 2009

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/4e5f165c-59f9-415f-bc66-839d0a456a45/B934DBB7-3E52-4550-B5BC-B4493BB564FC/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.hostingcoupons.org/drupal-hosts-change-the-menu-item-image-when-viewing-a-page/" href="http://www.hostingcoupons.org/drupal-hosts-change-the-menu-item-image-when-viewing-a-page/" style="font-size: 11px;">www.hostingcoupons.org</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.hostingcoupons.org/drupal-hosts-change-the-menu-item-image-when-viewing-a-page/"><H1><A title="Permanent Link to Drupal Hosts : change the menu item image when viewing a page" rel="bookmark" href="http://www.hostingcoupons.org/drupal-hosts-change-the-menu-item-image-when-viewing-a-page/">Drupal Hosts : change the menu item image when viewing a page</A></H1></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.hostingcoupons.org/drupal-hosts-change-the-menu-item-image-when-viewing-a-page/"><P><A href="http://www.hostingcoupons.org/tophosts/hg" title="Sign up for drupal webhosting"><IMG height="60" width="350" border="1" alt="" src="http://www.hostingcoupons.org/drupal-hosting/drupal-2163.jpg" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.hostingcoupons.org/drupal-hosts-change-the-menu-item-image-when-viewing-a-page/"><P>My problem is: I am currently using the menuclass module to assign class names to each of my menuitems, which works great for me to be able to assign the menu item to be an image, and also to set a different image when I hover over the item.
However, now I need to be able to change the menu item image to a different image when the item is clicked and the page is being viewed. There is no specific behavior defined like active or hover, so I’m assuming I need to work around this a different way. Normally, using javascript, I could easily use the onclick property and deal with this. However, I’m not sure what to do here.
Any help would be highly appreciated.</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/B934DBB7-3E52-4550-B5BC-B4493BB564FC/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Copyright; Privacy; EULA

Search Options

Today's Top Clips