[DOM] DOM: affichage des modifications

Version imprimable

Bonjour,

J'aimerais pouvoir visualiser "en direct" les modifications apportés dans le document via DOM.
Par exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <HTML> <HEAD> <SCRIPT type="text/javascript"> function test_dom() { var node = document.getElementById("test_div"); for (var i=0;i<300;i++) { node.innerHTML+=i+"<BR/>"; } } </SCRIPT> </HEAD> <BODY> <DIV ID="test_div"> </DIV> <SPAN onclick="test_dom();"> test </SPAN> </BODY> </HTML>
J'aimerais voir apparaitre une par une toutes les iterations; et non pas comme c'est actuellement etre obligé d'attendre que le navigateur est fini la boucle pour pouvoir affiché le resultat.
Je voudrais "en gros" affiché le nouveau document DOM a chaque modification dans la boucle.
Mais cela est-il possible en javascript ?

Merci bien.

Par exemple ..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
			var max=0
 
			function testdom(){      
 
				var node = document.getElementById("testdiv");
			node.innerHTML+=max+"<BR/>";	
			max++;
	         (max<300)?setTimeout(function(){new testdom()},10):0;
			}
 
		</script>

04/06/2007, 16h24
Bengo

Merci beaucoup

Bon il ne me reste plus qu'a comprendre exactement comment ca marche ;) ;)
etant donné que c'est pour le fonctionnement d'une page en AJAX bien plus complexe que cet exemple :aie:
mais ca repond a la question donc resolu :lol: :D