Thanks.
One more thing, I am doing this inside a joomla so those divs are
inside a table inside the"content" module of joomla. When ever I use
alert(e2) I thought i was getting the table, because it said something
about "table element", so for some reason in internet explorer it goes
directly to the body. That is what it is happening right? I am going
to try with teh up() function.
Ken I am using [2] because there is some text with <p></p> that i
though it wasnt important. But thanks for noticing.
Juan
On Sep 17, 6:08 am, david <david.brill...@gmail.com> wrote:
> Hi Kev,
>
> the getOffSetParent() return the "closest positioned ancestor", and if
> not found return the body !
> That's why for some element, parent is not positionned (CSS position
> property) and it return the body element.
>
> As you say, up() is much more appropriate in this case.
>
> --
> david
>
> On 17 sep, 10:38, Kevin Porter <k...@9ballpool.co.uk> wrote:
>
> > Hi Juan,
>
> > For me, I get the error at "e2.childElements()[2].setStyle...".
> > e2 at that point is the body element. Is that what you want?
> > I guess you want the LI element? If so, maybe .up() would be a better
> > choice than .getOffSetParent()?
> > Also, you probably want to use "[1]" instead of "[2]" to reference the
> > second element of the LI. (it's
> > a zero-indexed array).
>
> > regards,
>
> > - Kev
>
> > Juan Diego wrote:
> > > Ok, so I cleaned up my code. I used "each" instead of a For loop, so
> > > now it works in every Browser except IE8. I havent tested it in other
> > > versions of IE. Like 6 o 7.
> > > So here is the code.
>
> > > function listas(){
> > > $$('div.texto').each(function(s) { Event.observe(s, 'mouseover',
> > > reemplazarX)});
> > > $$('div.texto').each(function(s) { Event.observe(s, 'mouseout',
> > > borrar)});
> > > };
>
> > > function reemplazarX(){
> > > var element = this;
> > > var e2 =element.getOffsetParent();
> > > alert(e2);
> > > e2.childElements()[2].setStyle({
> > > backgroundColor: '#020506',
> > > opacity: 1.0,
> > > borderLeft:'1px #FFF solid'
> > > });
> > > e2.childElements()[2].innerHTML= element.next().innerHTML;
>
> > > }
> > > function borrar(){
> > > var element = this;
> > > var e2 =element.getOffsetParent();
> > > e2.childElements()[2].innerHTML= "";
> > > e2.childElements()[2].setStyle({
> > > backgroundColor: '#000',
> > > opacity: 0.0
> > > });
> > > }
>
> > > I get an error on Line 14. "The object does not accept this property
> > > or method" So the problem seems to be in this line var e2
> > > =element.getOffsetParent();
> > > With getOffsetParent function.
>
> > > This code works in opera, konqueror, safari, firefox.
>
> > > Thanks
>
> > > On Sep 17, 12:36 am, Juan Diego <juandieg...@gmail.com> wrote:
>
> > >> By the way i just found out that
> > >> var lista_izq=$$('div.lista_izq')[i].childElements()[0].childElements
> > >> ();
> > >> is the problem in IE explorer. In opera works but in IE8 is a problem
>
> > >> On Sep 17, 12:19 am, Juan Diego <juandieg...@gmail.com> wrote:
>
> > >>> Hi I havent use javascript and prototype in a while so maybe i am
> > >>> doing something really wrong.
> > >>> So here is what I am trying to do with prototype
> > >>> I have a a few places in my page with a set of to divs divs, lista_izq
> > >>> and lista_der, with a list inside list_izq
> > >>> <div class="lista_izq">
> > >>> <ul>
> > >>> <li><div class="text">text1</div>
> > >>> <div class="hidden_text">hidden1</div>
> > >>> </li>
> > >>> <li><div class="text">text2</div>
> > >>> <div class="hidden_text">hidden2</div>
> > >>> </li>
> > >>> </ul>
> > >>> </div>
> > >>> <div class="lista_der"> </div>
>
> > >>> So when ever the mouse is over the text1 or text2. The hidden text
> > >>> appears on the second .
> > >>> I use firefox so I did all the testing there. It worked but when i
> > >>> tested on opera, IE, and konqueror it didnt. It is really anoying
> > >>> tracing bugs in other browsers without firebug. Anyhow here is my
> > >>> code for each node
>
> > >>> Event.observe(titulo, 'mouseover', function(e) {
> > >>> reemplazarX(e);
> > >>> });
> > >>> Event.observe(titulo, 'mouseout', function(e) {
> > >>> borrar(e);
> > >>> });
>
> > >>> and this my functions
>
> > >>> function reemplazarX(e){
> > >>> alert(e);
> > >>> alert(e.element);
> > >>> alert(e.element());
> > >>> var element = e.element();
> > >>> alert("s");
> > >>> var e2 =element.getOffsetParent(element);
> > >>> alert("t");
> > >>> //e2.childElements()[2].setStyle('backgroundColor', blue);
>
> > >>> alert(element);
> > >>> alert("xx");
> > >>> e2.childElements()[2].setStyle({
> > >>> backgroundColor: '#020506',
> > >>> opacity: 1.0,
> > >>> borderLeft:'1px #FFF solid'
> > >>> });
> > >>> e2.childElements()[2].innerHTML= element.next().innerHTML;
>
> > >>> }
>
> > >>> function borrar(e,lista_der){
> > >>> var element = e.element();
> > >>> var e2 =element.getOffsetParent(element);
> > >>> e2.childElements()[2].innerHTML= "";
> > >>> e2.childElements()[2].setStyle({
> > >>> backgroundColor: '#000',
> > >>> opacity: 0.0
> > >>> });
>
> > >>> }
>
> > >>> I did all those "Trace" to narrow down the problem and it comes down
> > >>> to e.element. In opera it returns undefine with e.element and it dies
> > >>> when i use e.element(). Like if the function didnt. Exists.
> > >>> I assing each function with to titulo=lista_izq[j].childElements()[0];
> > >>> with a FOR loop.
>
> > --
> > Kevin Porter
> > Advanced Web Construction
> > Ltdhttp://webutils.co.ukhttp://billiardsearch.nethttp://9ballpool.co.uk
>
> > AJAX Blackjack - real-time multi-player blackjack game with no flash, java
> > or software downloads required -http://blackjack.webutils.co.uk
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
