On Mar 11, 3:38 pm, Sanford Whiteman <[email protected]>
wrote:
> > In an attempt to move up from the JavacScript dark ages, what would be
> > the correct "mootools way" to implement such functionality?
>
> May I be so bold as to suggest that the BCP is pure CSS? What are the
> special behaviors that you need beyond CSS :hover? (Not saying there
> aren't some things you can't do without JS, and in turn should use Moo
> style for.)
>
I am aware of the CSS :hover pseudo-class, however I am asking about a
JS solution for a few reasons:
For one, the documentation I could find for using :hover all seems to
assume a "text/image" hybrid menu structure. (Using block-rendered A
tags, etc.)
But, in our case, I need to remain compatible with an existing design
layout.. This layout uses image slices with "onmouseover/out=". I can
change the JS code, but not the overall page structure. (Plus, not
all nav buttons are even the same size/look)
Additionally, I'm sure some of the other "swap image" tool
functionality might be doable in Mootools as well. Specifically:
1. Make a rollover here that also swaps a slice elsewhere. (Say, a
common "menu item long-description" area.... i.e an identical
secondary "other slice" location for each menu item.)
2. Make a rollover here that also swaps a "partner slice" elsewhere.
3. Support a "selected / clicked" state to indicate current selection
after firing other in-page JS code. (might use same image as "over",
but maybe not.)
- Thank you
