DD Scripts Mods

Mobile devices such as the iPad, iPhone or Android tablets are pretty on par with modern desktop browsers when it comes to rendering JavaScript, though that's not to say they do so without hiccups. One of the more crippling limitations is mobile devices' lack of support for the onmouseover/out events of JavaScript, which if you think about is more of a fundamental "shortcoming" of touch based devices in general rather than a deliberate act of omission. Regardless, this lack of support ...

The Sticky Tooltip script has some room for updating as I've outlined here:

Sticky Tooltip script - not sticky

and here:

Sticky Tooltip script - no dock in IE 7- for image map

In those threads I offer piecemeal solutions, the first of which above is the most problematic:

Originally Posted by jscheuer1

Even on the demo page, if the tip is in sticky mode and one mouses over one of the other triggers, the tip changes position and content. Also in sticky mode,

...

Quite a few members have asked for the ability to have a menu drop upwards (instead of the default downwards) for either Anylink Menu and Anylink CSS Menu. With that said, use the below attached modified versions of the respective .js files for the two scripts to achieve this. Then, inside the HTML markup for the anchor link of a menu, to get the menu to drop up for it, make use of the data-dir attribute:

Code:

<p><a href="http://www.dynamicdrive.com" class="menuanchorclass"

...

Attached Files

• anylinkmenu.js (12.5 KB, 8201 views)
• anylinkcssmenu.js (11.1 KB, 8236 views)

There are actually 4 css selectors that can figure in this. Only three of them really matter. If you only have one show on your page, you only need to think about the last two. The selectors are:

1. The id of the show, #fadeshow1, for example.
   
   
2. .fadeslidedescdiv - the class for all description containers.
   
   
3. .descpanelbg - the class for all description backgrounds.
   
   
4. .descpanelfg - the class for all description foregrounds.

...

I've found that this actually can work. It makes an interesting use of the slide show's undocumented oninit feature, and how well the slide show is written visa vis jQuery's No Conflict mode. I would generally advise using two scripts which work off of the same script library, rather than two different script libraries. However, in this case both scripts are so robust, who can resist?

That said, all you need to do to set up a demo is to follow the instructions for Ultimate Fade ...