Note that
$$('.mydemos_title').addEvent('mouseenter', function()
{ this.setStyle('background','#000'); });
/$$('.mydemos_title').addEvent('mouseleave', function()
{ this.setStyle('background','#d10000'); });
works but the active tab than also changes the state on hover which
is not desired .
On Sep 24, 5:31 pm, swen <[EMAIL PROTECTED]> wrote:
> Hello , I have 2 bugs to kill and try all possible options by my
> knowledge but no go
>
> I am making a php mootools accordion, since the code must be xhtml
> valid and I am working on cms implementation I must use inline
> styles , the onclick and active accordion tab or title effect works
> fine but I need onhover state also , I know that if I would use
> stylesheet or in head css this would work but again I must use inline
> style
>
> here is the demo
>
> http://mojklik.com/dmitry10/acc/acc_demo.html
>
> if you look at source code , you will see outcomented try to get this
> to work but none of them helped ,
>
> onActive and onBackground work perfect and I wish there would be
> onHover but hey you cant have it all ,
>
> so additional option I wanted to add is id for the title , like
> this
>
> <div class="mydemos_title" id="title"
>
> but again this is dinamic and it will apply same id to all tabs and it
> will end up being xhtml invalid since specific id can be used only
> once.
>
> second issue is if you look at the demo with IE7 and click anywhere
> on the page the title gets additional margin
>
> if I set opacity:true this bug is gone but than I have jagged text
> in IE ,
>
> so please help me get this straiten out
>
> thank you
