Mettre automatiquement la scroll bar en bas
Bonjour/Bonsoir à tous !
J'ai un soucis avec Javascript qui n'en fait qu'à sa tête !
Dans mon code ci dessous, il y a deux exemples avec "le premier" qui fonctionne et le "second", lui ne fonctionne pas, à savoir sur la seconde div, je rafraîchi la div pour afficher le nouveau texte au fur et à mesure.
Page PHP : index.php
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
<!doctype html>
<html>
<head>
<title>MortIImer Test Me!</title>
<meta charset="UTF-8">
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<link href="./main.css" type="text/css" rel="stylesheet" media="all"/>
<style>
#chat_a, #chat_b{
border: 1px solid #A5A5A5;
width: 450px;
height: 160px;
background: #F7FBFF;
overflow: auto;
}
.chat{
padding:5px;
}
</style>
</head>
<body onload='refresh_div();'>
<div id="chat_a">
<div class="chat">
<?php
$v = 1;
$v_max = 50;
while($v <= $v_max){
echo $v.' - Fonctionne !<br />';
$v++;
}
?>
</div>
</div>
<br />
<div id="chat_b">
<div class="chat">
<div id="refresh_header" ></div>
</div>
</div>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function refresh_div() {
var xhr_object_header = null;
if(window.XMLHttpRequest)
{ // Firefox
xhr_object_header = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{ // Internet Explorer
xhr_object_header = new ActiveXObject('Microsoft.XMLHTTP');
}
var method = 'GET';
var filename = './refresh_header.php';
xhr_object_header.open(method, filename, true);
xhr_object_header.onreadystatechange = function()
{
if(xhr_object_header.readyState == 4)
{
var tmp = xhr_object_header.responseText;
document.getElementById('refresh_header').innerHTML = tmp;
}
}
xhr_object_header.send(null);
setTimeout('refresh_div()', 1000);
}
</script>
<script type="text/javascript">
element_a = document.getElementById('chat_a'); // Fonctionne
element_a.scrollTop = element_a.scrollHeight;
element_b = document.getElementById('chat_b'); // Ne Fonctionne Pas
element_b.scrollTop = element_b.scrollHeight;
</script>
</html> |
Page : refresh_header.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <?php
$v = 1;
$v_max = 50;
while($v <= $v_max){
echo $v.' - Ne Fonctionne Pas<br />';
$v++;
}
?> |
Si vous pouvez m'aider, je vous écoute ! Merci les ami(e)s !
