AJAX

problem in css->overflow:scroll

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: May 2006

Posts: 20

Reputation: ivanCeras is an unknown quantity at this point

Solved Threads: 1

ivanCeras

Offline

Newbie Poster

problem in css->overflow:scroll

Aug 12th, 2006

Hi everyone,
Does anybody knows how to position the scroll bar of the code generated by the
css div{overfolw:scroll}?..
The default position of the scroll bar is on the top.. now, what i want is to position the scroll bar at the bottom of the <div> overflow:scroll...
I need help...

I really appreciate if anyone could do these...

ivan_ceras at_yahoo_dot_com

•

Join Date: Jun 2004

Posts: 434

Reputation: FC Jamison is on a distinguished road

Solved Threads: 20

FC Jamison FC Jamison is offline

Offline

Posting Pro in Training

Re: problem in css->overflow:scroll

Aug 12th, 2006

Can we see your code, please?

•

Join Date: May 2006

Posts: 20

Reputation: ivanCeras is an unknown quantity at this point

Solved Threads: 1

ivanCeras

Offline

Newbie Poster

Re: problem in css->overflow:scroll

Aug 14th, 2006

here is the code.... just for a simple chat program..
the chat message will be display at the div class:'chit'
the chat message has an id 'chat'... which will be diplayed on the screen..
chat.js execute an ajax script to get the chat data from the server...
hope u get me...
thanks...

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<html>
<head>
<script src='chat.js'></script>
<script type='text/javascript'>
function preSend(){
    message=document.form1.chat.value
    send(message)
}
function preReceive(){
    receive()
    setTimeout('preReceive()',500)
}
</script>
 
<style type='text/css'>
    div.chit{
        background-color:'#00FF00';
        width:150px;
        height:150px;
        overflow: auto
    }
</style>
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
</head>
<body onload='preReceive()'>
<div class='chit'>
<span id='chat'>
</span>
</div>
<br>
<form name=form1 action='index.php'>
<input type='text' name='chat'>
<br>
<input type='button' value='send' onclick=preSend()>
</form>
</body>
</html>
<html>
<head>
<script src='chat.js'></script>
<script type='text/javascript'>
function preSend(){
    message=document.form1.chat.value
    send(message)
}
function preReceive(){
    receive()
    setTimeout('preReceive()',500)
}
</script>

<style type='text/css'>
    div.chit{
        background-color:'#00FF00';
        width:150px;
        height:150px;
        overflow: auto
    }
</style>
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
</head>
<body onload='preReceive()'>
<div class='chit'>
<span id='chat'>
</span>
</div>
<br>
<form name=form1 action='index.php'>
<input type='text' name='chat'>
<br>
<input type='button' value='send' onclick=preSend()>
</form>
</body>
</html>