[js] problema setTimeout all' interno di una classe

**alexforum** · 03-08-2008, 00:26

Codice PHP:


var op = function(){

    



    function opacity(id, opacStart, opacEnd, millisec) {

        //speed for each frame

        var speed = Math.round(millisec / 100);

        var timer = 0;

        var self = this;

        //determine the direction for the blending, if start and end are the same nothing happens

        if(opacStart > opacEnd) {

            for(i = opacStart; i >= opacEnd; i--) {

                setTimeout(function(){self.changeOpac(i,id)},(timer * speed));

                timer++;

            }

            

        } else if(opacStart < opacEnd) {

            for(i = opacStart; i <= opacEnd; i++)

                {

                setTimeout(function(){self.changeOpac(i,id)},(timer * speed));

                timer++;

            }

        }

    };

    

    function changeOpac(opacity, id) {

        var object = document.getElementById(id).style; 

        object.opacity = (opacity / 100);

        object.MozOpacity = (opacity / 100);

        object.KhtmlOpacity = (opacity / 100);

        object.filter = "alpha(opacity=" + opacity + ")";

    };



    

    return {

        opacity:opacity

        

    }

    

}();



<body>

    <script>

    window.onload=function(){

        op.opacity('box', 0, 100, 4000)

        

        //obj.opacity('box', 0, 100, 4000)

    }

    </script>

    <div id="box">

        

bla bla bla bla bla blabla bla blabla bla bla</p>

    </div>



</body>

il metodo changeOpac non viene trovato:

Codice PHP:


setTimeout(function(){self.changeOpac(i,id)},(timer * speed));

non so più cosa fare le ho provate tutte, come si può fare?
grazie

**alexforum** · 04-08-2008, 00:19

forse sarete sotto l' ombrellone

.... beati voi

up

apritemi uno spiraglio di luce.....sto impazzendo con stò codice :berto:

**alexforum** · 06-08-2008, 00:28

up

**cavicchiandrea** · 06-08-2008, 09:11

Prova cosi:

codice:

setTimeout("self.changeOpac("+i+",'"+id+"')",(timer * speed));

Da errori? Se togli il timer funziona? Metti una pagina online cosi da ricreare l'errore/problema.

**alexforum** · 06-08-2008, 15:13

Originariamente inviato da cavicchiandrea
Prova cosi:

codice:

setTimeout("self.changeOpac("+i+",'"+id+"')",(timer * speed));

Da errori? Se togli il timer funziona? Metti una pagina online cosi da ricreare l'errore/problema.

come mi hai consigliato ho fatto la modifica ma non funzia ancora.....

qui lo script
il timer funziona, però sembra non riesca a trovare la funzione
changeOpac

**cavicchiandrea** · 06-08-2008, 20:50

cosi funziona:

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Form</title>
<script language="Javascript">
<!--
	function opacity(id, opacStart, opacEnd, millisec) {
		//speed for each frame
		var speed = Math.round(millisec / 100);
		var timer = 0;
		var self = this;
		//determine the direction for the blending, if start and end are the same nothing happens
		if(opacStart > opacEnd) {
			for(i = opacStart; i >= opacEnd; i--) {
				setTimeout("changeOpac("+i+",'"+id+"')",(timer * speed));
				timer++;
			}
			
		} else if(opacStart < opacEnd) {
			for(i = opacStart; i <= opacEnd; i++)
				{
				setTimeout("changeOpac("+i+",'"+id+"')",(timer * speed));
				timer++;
			}
		}
	};
	
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	};


window.onload=function(){
		opacity('box', 0, 100, 4000);
	}
//-->
</script>
<style type="text/css">
	#box {
		width: 100px;
		height: 100px;
		background: #ccc
	}
</style>
</head>
<body>
<div id="box">
		

bla bla bla bla bla blabla bla blabla bla bla</p>
	</div>
</body>
</html>

ma l'ho dovuto leggermente modificare.

**alexforum** · 07-08-2008, 00:42

grazie per il rep, quello che mi suggerisci lo avevo testato e funzionava bene anche a me, ma avrei bisogno di usare una classe, lo script finale avrà più metodi di quelli postati a inizio post però sono incappato in questo odioso setTimeout che non riesco a far funzionare dentro alla classe

**alexforum** · 08-08-2008, 23:33

up

**alexforum** · 11-08-2008, 21:49

raga non sono ancora riuscito a risolvere

**fcaldera** · 11-08-2008, 22:30

è un problema di closures
http://forum.html.it/forum/showthrea...ght=settimeout

Discussione: [js] problema setTimeout all' interno di una classe

Strumenti discussione

Ricerca discussione

Visualizza

[js] problema setTimeout all' interno di una classe

Permessi di invio