Boucle for avec un pas !

Version imprimable

Voir 40 message(s) de cette discussion en une page

08/04/2009, 10h34
le_chomeur

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 ...
08/04/2009, 10h40
Bovino

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

@le_chomeur :

Citation:

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 ! :mrgreen:

Citation:

Envoyé par Bovino

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

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

???:(

Code:

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 ;)

08/04/2009, 11h09
yamatoshi

Super le Chomeur et la même avec un seTimeout car SetInterval et ie6 c'est bizard :yaisse2:?
08/04/2009, 11h13
le_chomeur

qu'est ce qui est bizare ??
08/04/2009, 11h17
SpaceFrog

Heu fillot c'est pas le code que j'ai mis plus haut ? :oops:
08/04/2009, 11h24
le_chomeur

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
08/04/2009, 11h27
yamatoshi

Citation:

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 :yaisse2:
08/04/2009, 11h32
le_chomeur

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 ;)

Voir 40 message(s) de cette discussion en une page