8 replies to this topic

[Av-]

alright, this is one of the most frustrating, time consuming, teeth grinding error, ive ever stumbled upon. And worst of all, its probably easy to fix but here it goes, im trying to make a div fade out with the following function.

<div id="Layer1"></div>
<div id="Layer2"></div>
<script>
var opa = 100;
function changeopa(id){
if(opa >= 0){
var mozopa = opa / 100;
document.getElementById(id).style.filter = 'alpha(opacity='+opa+')';
document.getElementById(id).style.MozOpacity = mozopa;
document.getElementById(id).style.opacity = mozopa;
opa -=5;
setTimeout("changeopa(id)", "25");
}
}
changeopa('Layer1');
</script>

It doesnt work, firefox and ie both claim that the variable id is undefined, HOWEVER when i change this

changeopa('Layer1');

to this

var id = 'Layer1';
changeopa(id);

it DOES work, wth???

please help... or suffer the consequences ;P

[Demonslay]

I would just use the Effect.Appear and Effect.Fade objects with the scriptaculous library, much simpler.
Or you might need to Effect.Opacity object, I'm not quite 100% on what effect you are trying to achieve.

Are you trying to make it do this effect when the element is interacted with (like onclick, etc), or on page load? Because it would be best to place it in your head of the document, and have an event handler call the function.

[cheerio]

setTimeout("changeopa('"+id+"')", "25");

I tested and it only seemed to work for me in firefox

[Av-]

cheerio, on Sep 29 2006, 08:25 PM, said:

setTimeout("changeopa('"+id+"')", "25");

I tested and it only seemed to work for me in firefox

thanks bud, that did the trick

told you it was an easy fix

[cheerio]

Prototype / Scriptaculous still rock!

[Av-]

Demonslay, on Sep 29 2006, 08:22 PM, said:

Are you trying to make it do this effect when the element is interacted with (like onclick, etc), or on page load? Because it would be best to place it in your head of the document, and have an event handler call the function.

i know, but this was just a test document, trying to get it to work.

Demonslay, on Sep 29 2006, 08:22 PM, said:

I would just use the Effect.Appear and Effect.Fade objects with the scriptaculous library, much simpler.
Or you might need to Effect.Opacity object, I'm not quite 100% on what effect you are trying to achieve.

cheerio, on Sep 30 2006, 12:09 AM, said:

Prototype / Scriptaculous still rock!

scriptaculous library????

[Chaos King]

Google?????

http://www.google.com/search?hl=en&q=s...G=Google+Search

[Av-]

Thanks??????

Scriptacolous does the job, but way too much code for a simple effect imo...

[Chaos King]

That is what you get for cross browser compatibility. Scriptaculous is not only one effect, it is an entire library of visual effects, not one and you can delete some out of them that you arn't going to use if you want to make the file smaller. But just make sure you know what you are doing