Effect.Fade

unknowndomain · 5 Oct 2007 at 14:00

Hey all, I am working on a uni project... http://sainsburys.unknowndomain.co.uk
I am using scriptalicious to do Effect.Fade and Effect.Appear however obviously there is a -moz-opacity issue with internet explorer. I have been researching how to resolve this and I have found some articles but applying what I have learn't but it doesn't resolve the -moz-opacity issue.

Can any one help, my lecturers are stumpped not having dealt with this issue before.

Dj_Jestar · 5 Oct 2007 at 15:17

I use scriptaculous a lot, Effect.Fade works fine in all browsers that I use.. are you using Effect.Fade or Effect.Morph?

unknowndomain · 5 Oct 2007 at 17:58

Hmm its a strange issue does any one have any ideas? its defiantly js related because the site is fine without the js.

Augmented · 5 Oct 2007 at 19:31

Have you seen this on the scriptaculous wiki?

Microsoft Internet Explorer can only set opacity on elements that have a ‘layout’. To let an element have a layout, you must set some CSS positional properties, like ‘width’ or ‘height’. See Giving Elements Layout. (Note: fixed in 1.5_rc1.)

http://wiki.script.aculo.us/scriptaculous/show/Effect.Fade

Dj_Jestar · 6 Oct 2007 at 01:23

I did think about asking if the OP has the latest version.. scriptaculous automatically assigns width/height when I watch the element in firebug.

unknowndomain · 7 Oct 2007 at 09:08

Yeah I am using the latest version it was 1.5 which got this feature and I think I am using 1.7.

I did see that there was the -moz-opacity issue but it a. seems to be resolved automagically, and b. I tried the fix and it did not work.

unknowndomain · 11 Oct 2007 at 13:02

So just a quick update for you all incase this ever happens to you...

I had...
<script type="text/javascript" src="blah" />

Which doesn't work in IE however changing the code to this resolved the problem...
<script type="text/javascript" src="blah"></script>

The script tag being wrong causes an effect similar to this css code... (I am not saying it does this just that the effect would be the same)

body {
display: none;
}

whitecrook · 11 Oct 2007 at 16:35

The before and after is the same, except some steps have been taken out of the after (even though you still need to follow them)

unknowndomain · 11 Oct 2007 at 17:32

whitecrook said:
The before and after is the same, except some steps have been taken out of the after (even though you still need to follow them)

No because step 2 saves you being asked to press start you just begin when your ready.

Step 4 means you just enter payment because it totals as it goes rather than having to tell it to do a subtotal.

Its not vitally important the brief was to create a website which documents the before and after of the stages of action for an object, improving it in the second part. However the improvement is not as important as the design.

Thanks for the feedback though.