Autoscroll - down page

Autoscroll in down page for shoutbox chat...

[internity]

Hello all!
I was maked a small shoutbox chat in ajax for my website, but I've few problems.
I want autoscroll page in down for chat window.
Thanks!

[Drag_Racer]

[w3schools.com...]

[internity]

Thank you for help.
But, I've a problem with my script.
My source code of shout box is:
x.php

<title>Chat with Cristy</title>
<table style="margin-top:0px;" width=100%><td bgcolor=#EEEEEE>
<script language="JavaScript" src="dhtml.js" type="text/JavaScript"></script>
<style type="text/css">
<!--
@import"style.css";
-->
</style>
<ul id="navmenu">
 <li><a href="#">Fisier</a>
 <ul>
 </li>
 <li><a href="#">Deschide</a></li>
 <li><a href="#">Salvare</a></li>
 </ul>
 </li>
 <li><a href="#">Configurare</a>
 <ul></li></ul>
 <li><a href="#">Favorite</a>
 <ul></li></ul>
 <li><a href="#">Despre</a>
 <ul></li></ul>
</ul>
</div></td></table><div style="border:1px #7F9DB9 solid;"></div>
<style type="text/css">
<!--
.demo3 {position:absolute; top:302px; right:499px;
 z-index:99; visibility:hidden;}
--></style>
<script type="text/javascript">
<!--
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
 if(document.layers) //NN4+
 {
 document.layers[szDivID].visibility = iState? "show" : "hide";
 }
 else if(document.getElementById) //gecko(NN6) + IE 5+
 {
 var obj = document.getElementById(szDivID);
 obj.style.visibility = iState? "visible" : "hidden";
 }
 else if(document.all)// IE 4
 {
 document.all[szDivID].style.visibility = iState? "visible" : "hidden";
 }
}
// -->
</script>
<style>
body {background:#EEEEEE 0 0 repeat-x;
font-size: 11px;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;color:black;padding:0px;margin:0px;
 BORDER-RIGHT: 0px;
 BORDER-TOP: 0px;
 BORDER-LEFT: 0px;
 BORDER-BOTTOM: 0px}
div.footer {background:#3D7D9E;
text-align:right;
color: white;
padding:0px;margin:0px;}
</style>
<style type="text/css">
@media screen {
html, body {
 height: 100%;
 overflow-y: hidden;
 overflow-x: hidden;
 }
 #head {
 width:expression(
document.body.clientWidth < 790? "790px": "auto" 
&& 
document.body.clientWidth > 790? "100%": "auto" 
);
 }
 
#h2 {
background: #FF8040;
border:1px solid #FF0000;
position:absolute;
width: expression( document.body.clientWidth - 20 );
height: 8em;
top: 0em;
left: 0em;
right: 0em;
margin-left: 0em;
margin-right: 0em;
padding-left: 0em;
padding-right: 0em;
}
 #chatwindow {
 position: static;
 overflow: auto;
 width:expression( document.body.clientWidth < 795? "604px": "auto" 
 && 
 document.body.clientWidth > 795? "100%": "auto" );
 
 height:expression( document.body.clientHeight -20 );
 
}
}
</style><center>
<div id="content">
<div id="all"><div style="background-color:white; margin-top:0px; width:98%; height:340px; text-align:left;" id="chatwindow"></div></div>
<!--
--><center><div style="border:1px #7F9DB9 solid;"></div>
<input id="chatnick" type="hidden" value="Georgian" size="9" maxlength="9"> <br>
<input id="chatmsg" type="text" size="80" maxlength="50" onkeyup="keyup(event.keyCode);">
<input type="button" value="Trimite" onclick="submit_msg();" style="cursor:pointer;border:1px solid gray;">
<br>
</div>
</body>
</html>
<script type="text/javascript">
var waittime=800;
chatmsg.focus()
document.getElementById("chatwindow").innerHTML = "Se incarca...";
var xmlhttp = false;
var xmlhttp2 = false;
function ajax_read(url) {
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
if(xmlhttp.overrideMimeType){
xmlhttp.overrideMimeType('text/xml');
}
} else if(window.ActiveXObject){
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
} catch(e){
}
}
}
if(!xmlhttp) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState==4) {
document.getElementById("chatwindow").innerHTML = xmlhttp.responseText;
zeit = new Date(); 
ms = (zeit.getHours() * 24 * 60 * 1000) + (zeit.getMinutes() * 60 * 1000) + (zeit.getSeconds() * 1000) + zeit.getMilliseconds(); 
intUpdate = setTimeout("ajax_read('msg.php?x=" + ms + "')", waittime)
}
}
xmlhttp.open('GET',url,true);
xmlhttp.send(null);
}
function ajax_write(url){
if(window.XMLHttpRequest){
xmlhttp2=new XMLHttpRequest();
if(xmlhttp2.overrideMimeType){
xmlhttp2.overrideMimeType('text/xml');
}
} else if(window.ActiveXObject){
try{
xmlhttp2=new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try{
xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
} catch(e){
}
}
}
if(!xmlhttp2) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
xmlhttp2.open('GET',url,true);
xmlhttp2.send(null);
}
function submit_msg(){
nick = document.getElementById("chatnick").value;
msg = document.getElementById("chatmsg").value;
if (nick == "") { 
check = prompt("Va rugam tastati un nick:"); 
if (check === null) return 0; 
if (check == "") check = "Anonimul"; 
document.getElementById("chatnick").value = check;
nick = check;
} 
document.getElementById("chatmsg").value = "";
ajax_write("w.php?m=" + msg + "&n=" + nick);
}
function keyup(arg1) { 
if (arg1 == 13) submit_msg(); 
}
var intUpdate = setTimeout("ajax_read('msg.php')", waittime);
</script>

msg.php

<html>
<head>
<script type="text/javascript">
function scrollWindow()
 {
 window.scrollTo(100,500)
 }
</script>
</head>
<body onLoad="scrollWindow()">
Georgian&nbsp;: fsdfsd<br>
Georgian&nbsp;: fsdfsdfsd<br>
Georgian&nbsp;: fgfdg<br>
Georgian&nbsp;: fdhgfh<br>
Georgian&nbsp;: gfhfdg<br>
Georgian&nbsp;: reter<br>
Georgian&nbsp;: hgfbf<br>
Georgian&nbsp;: gbdfg<br>
Georgian&nbsp;: fhgfh<br>
Georgian&nbsp;: trgr<br>
Georgian&nbsp;: hgtrbfb<br>
Georgian&nbsp;: dgreg<br>
Georgian&nbsp;: rehgh<br>
Georgian&nbsp;: hbfdb<br>
Georgian&nbsp;: fdgre<br>
Georgian&nbsp;: gfbgf<br>
Georgian&nbsp;: hgfjhtr<br>
Georgian&nbsp;: gtrhbfg<br>
Georgian&nbsp;: hbretgr<br>
Georgian&nbsp;: gfbfdg<br>
Georgian&nbsp;: erghb<br>
Georgian&nbsp;: gfbeg<br>
Georgian&nbsp;: ergbfb<br>
Georgian&nbsp;: gftr<br>
Georgian&nbsp;: gfnf<br>
Georgian&nbsp;: htrg<br>
Georgian&nbsp;: gfn<br>
Georgian&nbsp;: trg<br>
Georgian&nbsp;: gfdgfd<br>
Georgian&nbsp;: fdsfsd<br>
Georgian&nbsp;: Hello<br>
Georgian&nbsp;: gtrgtg<br>
Georgian&nbsp;: wwww<br>
Georgian&nbsp;: fsdfsd<br>
Georgian&nbsp;: &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;<br>
Georgian&nbsp;: fdsfsd<br>
Georgian&nbsp;: www<br>
Georgian&nbsp;: cec<br>

w.php

<?php
$f = fopen("msg_full.php",'a');
fwrite($f,$_GET['n'] . ":" . $_GET['m'] . "<br>");
close($f);
?>

and My problem:

<html>
<head>
<script type="text/javascript">
function scrollWindow()
 {
 window.scrollTo(100,500)
 }
</script>
</head>
[code] don't run, because the AJAX read text/xml file not html file.
Probable:
[code]
xmlhttp.overrideMimeTyp('text/xml');

[internity]

You can/want help me?

[Habtom]

I haven't gone through your code, but can you tell me the errors you are getting?

Habtom

[internity]

This code:

<script type="text/javascript"> 
function scrollWindow() 
{ 
window.scrollTo(100,500) 
} 
</script>

is for scroll in down page, but in my code, this script don't run and I don't understand, Why don't run.

[banaax]

are you purposely trying to scroll along the x axis too (as opposed to just down), try window.scrollTo(0,500); if not

[internity]

Don't work, window.scrollTo(0,500);!
You know a simple chat without SQL?

[Gibble]

I used this function in a simple Chat app I wrote.

function scrollToBottomOfDiv(divName) {
mydiv = document.getElementById(divName);
mydiv.scrollTop = mydiv.scrollHeight;
}

[internity]

Gibble, your code don't work for my chat.
You want give me a simple shoutbox for example?
I don't undersntad, why work.
Thanks!

[internity]

I was finished my chat. I was found the solution.
Thanks for help!