Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 6929

Aug 12th, 2006

problem in css->overflow:scroll

Expand Post »

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

Similar Threads

I need to grab the height of a div. in JavaScript / DHTML / AJAX
Navbar Transparency Issue in JavaScript / DHTML / AJAX
Trying to use not tables, only CSS, but can I? in HTML and CSS
CSS # or . in HTML and CSS
Drop Down Menu - Problem Opening in IE in JavaScript / DHTML / AJAX

ivanCeras

Reputation Points: 10

Solved Threads: 1

Newbie Poster

Offline

20 posts
since May 2006

Permalink

Aug 12th, 2006

Re: problem in css->overflow:scroll

Can we see your code, please?

FC Jamison

Team Colleague

Reputation Points: 92

Solved Threads: 21

Posting Pro in Training

Offline

436 posts
since Jun 2004

Permalink

Aug 14th, 2006

Re: problem in css->overflow:scroll

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

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>

Last edited by ivanCeras; Aug 14th, 2006 at 4:06 am.

ivanCeras

Reputation Points: 10

Solved Threads: 1

Newbie Poster

Offline

20 posts
since May 2006

Permalink

Jul 14th, 2011

Re: problem in css->overflow:scroll

yeah i have the same problem. a stupid way to solve the problem is to make a chat on the reverse order, i mean by reading from bottom to top, like the message you just typed will appear on top. you can do this in mysql using a ORDER BY -id_table.

phpdude

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Jul 2011

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: How the call the first reference object?

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: codeigniter and image slider??

DaniWeb Message

Cancel Changes

User Name
Password