Boucle for avec un pas !

**le_chomeur** · 08/04/2009, 10h34

loool bovino !
sujet de discution d'hier entre spaffy et moi pour le "domready" ...
je lui expliquais comment l'implémenter, et effectivement , l'astuce consiste a utiliser un setTimeout à 0 associer avec la vérification du readyState ( comment en ajax

) et du DOMContentLoaded ...

un peu long a expliquer dans un post mais si besoins j'vous ferais une démo ...

**Bovino** · 08/04/2009, 10h40

@yamatoshi : Tu as bien initialisé la variable val ?

@le_chomeur :

un peu long a expliquer dans un post mais si besoins j'vous ferais une démo ...

Avec plaisir ! Même une QR pour la FAQ si tu veux !

**yamatoshi** · 08/04/2009, 10h55

Envoyé par Bovino

@yamatoshi : Tu as bien initialisé la variable val ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
timer = null;
 
var boxposition = 10;
 
for (val=0; val<boxposition; val++){
var timer = setInterval("if(val<"+boxposition+"){val++;madiv.style.top=-val+'px'}else{clearInterval(timer);}",500) ;
 
	 		}

invalid increment operand et parfois timer is not define

???

**le_chomeur** · 08/04/2009, 11h02

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
		<div style="border:1px solid red;width:50px;position:absolute" id="test">ici</div>
		<script type="text/javascript">
			var truc = document.getElementById('test');
			var val = 0;
			var timer= setInterval( function(){truc.style.top=(val<50)?((val++)+'px'):((clearInterval(timer))?0:truc.style.top);},100 ) ;
		</script>
 
	</body>
</html>

Bovino : je vous fais une démo en fin de matinée

**yamatoshi** · 08/04/2009, 11h09

Super le Chomeur et la même avec un seTimeout car SetInterval et ie6 c'est bizard

?

**le_chomeur** · 08/04/2009, 11h13

qu'est ce qui est bizare ??

**SpaceFrog** · 08/04/2009, 11h17

Heu fillot c'est pas le code que j'ai mis plus haut ?

**le_chomeur** · 08/04/2009, 11h24

Spaffy : ben si , mais j'ai fais un copier/coller dans une page pour montrer que ça fonctionnait :-)

je ne me l'approprie pas lol je te rassure

**yamatoshi** · 08/04/2009, 11h27

Envoyé par le_chomeur

qu'est ce qui est bizare ??

Ben bien que j'ai setté le timer à 1 sous ie6 c'est tres lent. Ma div fait 370 px de hauteur donc si je clik sur le dernier lien de ma div il remonte très lentement vers le top. par contre sur ff c'est assez fluide. j'ai lu ailleurs que ie6 interpretait mal setIntervall qu'il valait mieux utiliser setTimeout d'où ma question le chomeur

**le_chomeur** · 08/04/2009, 11h32

non rien a voir avec le setInterval ou setTimeout

, conseil ne jamais descendre en dessous de 20/25 ms car en dessous tu vas surcharger ton processeur , il vaut mieux utiliser un algorythme de déplacement ...

exemple , sur la propriété height : http://mbox.tuxfamily.org/toggle/

on peut reproduire sur le left ou autre

Boucle for avec un pas !

JavaScript

Discussions similaires

Partager

Partager