[DOM] DOM: affichage des modifications

**Bengo** · 04/06/2007, 15h56

Bonjour,

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

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
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.

**SpaceFrog** · 04/06/2007, 16h11

Par exemple ..

Code :

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

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>

**Bengo** · 04/06/2007, 16h24

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

mais ca repond a la question donc resolu

[DOM] DOM: affichage des modifications

JavaScript

Discussions similaires

Partager

Partager