This is going to be tough to describe, so bear with me.
I am using the latest scriptaculous and prototype 1.5.rc0
This error only happens in IE, FireFox handles everything just fine.
The error I get is: "Error: Object doesn''t support this
property"
Code Section that it breaks on (actual lines has comment at the end):
Effect.Opacity = Class.create();
Object.extend(Object.extend(Effect.Opacity.prototype, Effect.Base.prototype), {
initialize: function(element) {
this.element = $(element);
// make this work on IE on elements without ''layout''
if(/MSIE/.test(navigator.userAgent) && (!this.element.hasLayout))
this.element.setStyle({zoom: 1});
var options = Object.extend({ //Break here on error
from: this.element.getOpacity() || 0.0,
to: 1.0
}, arguments[1] || {});
this.start(options); //Till here
},
update: function(position) {
this.element.setOpacity(position);
}
});
The situation:
I created new draggable elements, upon clicking and dragging the first thing
that happens is the error specified. I know that it is happening in the
Effect.Opacity object because the item is made slightly translucent (default
behavior) on pickup. However, I don''t understand why it would break on
Object.extend as that is part of prototype and I don''t think it has
changed at all and it is only happening in IE and not FF (yes I did check the JS
error log).
I am confused, and thus going home. I''ll answer responses tomorrow
morning bright and early.
-Andrew Martinez
