Ascenseur d'un scroll toujours positionné en bas dans un div dinamique overflow

Version imprimable

bonsoir !

Je suis en train de m'arracher les cheveux...
J'ai un div en overflow:auto qui affiche un contenu dynamique (résultats d'une succession de boucle php).

Je souhaiterais que l'ascenseur du scoll soit toujours positionné en bas afin de voir défiler le texte au fur et à mesure de l'affichage.

Voici mon code qui ne fonctionne pas..
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <head> <script> window.setInterval(load(),1000); function load() { var elt = document.getElementById("content"); elt.scrollTop=elt.scrollHeight; } </script> </head>.... <div id="content" style=" height:80px; overflow:auto; font-size:9px">contenu dynamique</div>
Je ne sais pas si il est adapté à ma requête..

bonsoir,

voilà un 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
 
<title></title>
 
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
<style type="text/css">
<!--
#idDiv{
overflow: auto;
width: 200px;
height: 100px;
}
 
//-->
</style>
<script type="text/javascript">
<!--
function scrollEnBas()
{
 var elDiv =document.getElementById("idDiv");
 elDiv.scrollTop = elDiv.scrollHeight-elDiv.offsetHeight;
 //alert(elDiv.scrollHeight+" "+elDiv.offsetHeight+" "+elDiv.scrollTop);
}
 
//-->
</script>
 
</head>
 
<body onload="scrollEnBas()">
<div id="idDiv">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla<br><br>
bla bla bla bla bla bla bla bla bla bla bla bla bla<br><br>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla<br><br>
</div>
 
 
</body>
 
</html>

24/05/2009, 23h23
Seta-san

Merci pour ton aide,ca ne fait pas vraiment l'effet visuel que je souhaite mais c'est la seul solution qui s'en rapproche le plus.
Avec ton code l'ascenseur va en bas seulement après que le div est été complété.

Merci en tout cas ça me va très bien !