Announcement

**Garadon** · Feb 15, 2004, 11:31 AM

function test()
{
alert('hey');
breaktime=10000;
Time=new Date();

while((new Date()-Time)<breaktime){}

alert('hey again');
}

Note I wouldn't use it

, it more or less locks ur browser

**JAVAEOC** · Feb 15, 2004, 11:57 AM

yes, it crahsed my broswer several times.... No i dont think i can use that but thanks alot

any other ideas?

**JAVAEOC** · Feb 15, 2004, 12:05 PM

Maybe this can help you help me

Code:

this.fadeUp=function(){
		if(this.i<1 && UD==1){
			this.i+=0.01;

		document.getElementById(this.imgId).style.MozOpacity=this.i;
			setTimeout(this.fadeUp, 10);
			}}

ofcourse the setTimeout doesnt work like that so i tried this

setTimeout('this.fadeUp()', 10) and it tried to call the function this.fadeUp but now it doesnt read the this as a variable and replaces for Example Smiley, no it just reads it as the string this which is ofcourse not defined.

so all i need is to repeat that function after 10 msec

hopefully that helped you help me

thanks

**Nightfire** · Feb 15, 2004, 01:41 PM

You said in your original post that you can't use a timeout

**JAVAEOC** · Feb 15, 2004, 01:51 PM

exactly that is why i need a different function for that the does the same thing

**Garadon** · Feb 15, 2004, 05:59 PM

whats wrong with settimeout?

it work well.

eksample 3rd pic.
http://www.the-hive.dk/~donp/Library/Test_advImage.html

**JAVAEOC** · Feb 15, 2004, 06:16 PM

whats wrong with setTimout?

here it doesnt support my object method this.fadeUp()

see:

setTimeout('this.fadeUp()', 10)

see what i mean?

thanks

**Garadon** · Feb 15, 2004, 06:21 PM

when you use setTimeout you need to remember it calls the function from a global point not from within an object.

setTimeout('OBJECTNAME.fadeUp()', 10)

**JAVAEOC** · Feb 15, 2004, 07:03 PM

so how could i fix this?

**glenngv** · Feb 15, 2004, 09:52 PM

Try:

Code:

[b]var me=this;[/b]
this.fadeUp=function(){
    if(this.i<1 && UD==1){
    	this.i+=0.01;
   
        document.getElementById(this.imgId).style.MozOpacity=this.i;
        setTimeout([b]me[/b].fadeUp, 10);
    }
}

**JAVAEOC** · Feb 15, 2004, 10:56 PM

thanks alot....

Code:

<html>
<head>
<style>
.img{
	-moz-opacity: 0.3;
	}
</style>
<script>
var UD=1;
function fade(){
	this.stopFU=function(){UD=0}
	this.stopFD=function(){UD=1}
	this.imgId='img1';
	this.i=.3;
	var me=this;
	
	this.fadeUp=function(){
		if(me.i<1 && UD==1){
			me.i+=0.01;
			document.getElementById(me.imgId).style.MozOpacity=me.i;
			setTimeout(me.fadeUp, 10)
			}
		else{me.stopFU}
		}
		
	this.fadeDown=function(){
		if(me.i>=.3 && UD==0){
			me.i-=0.01;
			document.getElementById(me.imgId).style.MozOpacity=me.i;
			setTimeout(me.fadeDown, 10);			
			}
		else{UD=1}
		}
	}

var Smiley1=new fade();
Smiley1.imgId='img1';
var Smiley2=new fade();
Smiley2.imgId='img2';

</script>
</head>
<body>
<img src="smiley.gif" onmouseover="Smiley1.stopFD();Smiley1.fadeUp()" onmouseout="Smiley1.stopFU();Smiley1.fadeDown()" id="img1" class="img">
<img src="smiley.gif" onmouseover="Smiley2.stopFD();Smiley2.fadeUp()" onmouseout="Smiley2.stopFU();Smiley2.fadeDown()" id="img2" class="img">
</body>
</html>

please take a look at this code. If you run this code it fades up and down perfectly thanks to glenn, but here is a mjor flaw:

Let the first image fade Up all the way and then remove ur mouse from it u will notice that it does not fade down.
Now mouse over it again and then remove ur mouse form the already fadedUp image, now it will fade down

it only fades down the second time.... why?

thanks

Announcement

My js needs a brake

My js needs a brake

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment