View Full Version : Resolved Drop Down Menu Problem in Blogspot

10-13-2011, 02:14 PM
1) Script Title: AnyLink JS Drop Down Menu v2.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem: Please check the site http://insaneblackcat.blogspot.com. I have two doubts or request that needs to be cleared.
1. i have implemented the script on wallpaper button which is floating on the left side of the screen. The script seems to be working perfectly fine but it only shows the menu on the top of the post (that is, the menu is displayed only where the slider is and not where the button is.), what should i do to get the menu display where button is on the entire page. I am facing this problem in firefox and IE.
2. In the drop menu, you can see there are two tags "Colors" and "Tags" which do not have any links, is there any way, i can make it as a text instead of a blank link which if clicked will display the homepage?

10-13-2011, 06:17 PM
BTW - While I was working on this you added a second anylinkmenu.init. This isn't helping and has only made matters worse, remove it or remove the first one.

Take care of that first if you haven't already.

There's another matter, on narrow screens the floating menu doesn't appear above the slider at all times, only some of the time. To fix that, give each one a z-index of 1000:

<a style="display:scroll;position:fixed;top:268px;left:200px;z-index:1000;" href="http://insaneblackcat.blogspot.com"><img style="border:0;" img alt='home' onmouseover="this.src='http://i1122.photobucket.com/albums/l526/photoalbum101/main%20blog%20photos/buttons/lblackhome.png'" src="http://i1122.photobucket.com/albums/l526/photoalbum101/main%20blog%20photos/buttons/lredhome.png" onmouseout="this.src='http://i1122.photobucket.com/albums/l526/photoalbum101/main%20blog%20photos/buttons/lredhome.png'"/></a>

<a style="display:scroll;position:fixed;top:300px;left:162px;z-index:1000;" href="http://insaneblackcat.blogspot.com/search/label/Wallpaper"><img style="border:0;" img alt='wallpaper' onmouseover="this.src='http://i1122.photobucket.com/albums/l526/photoalbum101/main%20blog%20photos/buttons/lblackwallpaper.png'" src="http://i1122.photobucket.com/albums/l526/photoalbum101/main%20blog%20photos/buttons/lredwallpaper.png" onmouseout="this.src='http://i1122.photobucket.com/albums/l526/photoalbum101/main%20blog%20photos/buttons/lredwallpaper.png'" class="menuanchorclass myownclass" rel="anylinkmenu3" rev="lr" title="Click to display all the wallpapers or Select one from the given options"/></a>

Since you're using jQuery already, the other problems are fairly easy to fix. Add the highlighted to the jQuery window load function here:

<script src='http://neenasisland.webs.com/psneena/nivoslider/jquery-1.6.1.min.js' type='text/javascript'></script>
<script src='http://neenasisland.webs.com/psneena/nivoslider/jquery.nivo.slider.pack.js' type='text/javascript'></script>
<script type='text/javascript'>
$(window).load(function() {
$('.anylinkmenucols .column ul').each(function(){

That will remove the href attribute from those two links. They will look funny but it also gives them a class of anylinkheading. Use that to style them as you wish. Example (put it in an existing stylesheet for the page):

.anylinkheading, .anylinkheading:hover {
color: black!important;
text-decoration: none!important;

Be sure to use the !important keyword as shown to override other styles for links and this menu (only applies to some browsers but doesn't hurt others).

As for the other matter, it's apparently the fixed positioning of the anchor that throws off the script. I found that by using jQuery to find the anchor's position, this was fixed. But IE was still closing the drop down too soon, so I made some other mods with jQuery to the script to fix that. To make a long story short, use this version of the script: