Rails spinoffs - May 2008 - IE barks at getInlineOpacity, makePositioned and a catch

Hi fellow sufferers of IE''s JS hell

I''m working on this little JS animation here, works just fine on Foxy,
Opera, Safari and friends:

http://www.ard.ch/newpage

Then comes IE7:

Object doesn''t suppot this property or method (line 530) (effects.js):
var oldOpacity = element.getInlineOpacity();

Object doesn''t suppot this property or method (line 597)
(prototype.js):
} catch (e) {

Object doesn''t suppot this property or method (line 379) (effects.js):
this.element.makePositioned();

I first suggested this to be a hasLayout related issue, but the div in
question (div#crossanimation) is absolutely positioned and both
prototype and scriptaculous are up-to-date.

Any enlightenment would be very much apprechiated!


PS:
What I''ve tried so far, neither helped:
- Moving the scripts into the head.
- Removing all styles from the div#crossanimation.
- Making the div a table.
- Trying other effects or no effects at all.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

I''d be willing to bet the line numbers being reported by IE are off.   
It''s one of the frustrations of working with it.

Try wrapping your effect calls with an dom:loaded observer, and  
switching your scriptaculous load line from
<script type="text/javascript" src="/newpage/crossanimation/ 
javascripts/scriptaculous/scriptaculous.js?load=effects"></script>
to
<script type="text/javascript" src="/newpage/crossanimation/ 
javascripts/scriptaculous/effects.js"></script>

document.observe("dom:loaded", function() {
   new Effect.Move($(''crossanimation''), { x: 1132, y: 0, mode:
''relative'', delay: 1, duration: 10 });
   new Effect.Fade($(''crossanimation''), { delay: 7, duration:
3 });
});

On May 7, 2008, at 1:17 PM, Sven wrote:
>
> Hi fellow sufferers of IE''s JS hell
>
> I''m working on this little JS animation here, works just fine on
Foxy,
> Opera, Safari and friends:
>
> http://www.ard.ch/newpage
>
> Then comes IE7:
>
> Object doesn''t suppot this property or method (line 530)
(effects.js):
> var oldOpacity = element.getInlineOpacity();
>
> Object doesn''t suppot this property or method (line 597)
> (prototype.js):
> } catch (e) {
>
> Object doesn''t suppot this property or method (line 379)
(effects.js):
> this.element.makePositioned();
>
> I first suggested this to be a hasLayout related issue, but the div in
> question (div#crossanimation) is absolutely positioned and both
> prototype and scriptaculous are up-to-date.
>
> Any enlightenment would be very much apprechiated!
>
>
> PS:
> What I''ve tried so far, neither helped:
> - Moving the scripts into the head.
> - Removing all styles from the div#crossanimation.
> - Making the div a table.
> - Trying other effects or no effects at all.
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Hi Tom

Ouch, didn''t know that IE doesn''t even get the lines right.
The
changed load and document observer gets partially kicks the issues,
only the prototype error (claimed to be about the catch statement)
remains.

I''ll try the animation on a slimmed down version of the page to make
sure it''s not other JS interfering. Any other idea what I could try?

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Hi again

Fixed it! The problem is Joomla and the template done by the designer
which includes all kind of JS libs, most notably the mootools. For IE
the loading sequence seems to matter a lot. After removing libs not
used on the homepage and sorting the remaining ones, IE now does the
trick as well.

Big thanks for your help!!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---