Függöleges scroll lentről induljon

Függöleges scroll lentről induljon
2013-10-07T17:58:16+02:00
2013-10-07T20:22:03+02:00
2022-11-29T20:10:48+01:00
raymee20
Sziasztok, szeretnék egy üzenet rendszer beépíteni az oldalamba. Az a probléma hogy görditő sáv fentről kezdni mutatni az üzeneteket, és nem lentről igy mindig le kell gördíteni ha látni szeretnénk az új üzenetet :(

Kerestem az interneten de nem találtam semmit :(

<html> <head> <style> #messages { overflow-y: scroll; height: 300px; margin-bottom:5px; border:1px solid #999; } </style> <script src="jBeep.min.js" type="text/javascript"></script> </head> <body> <div id="detals"> <div id="detals_box"> <h3>Message: KISS BALAZS</h3> <div id="chat" style="margin:0 auto;overflow:hidden;"> <div id="messages"></div> <div id="error" style="width:500px;text-align:center;color:red;"></div> //This div contains the forms and the send button <div id="write" style="text-align:center;"><textarea id="message" cols="50" rows="5"></textarea><br/>Name:<input type="text" id="name"/><input type="button" value="Send" onClick="send();"/></div> </div> <?php echo $message; ?> <script type="text/javascript"> function showmessages(){ if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET","<?php echo $url; ?>include/show-messages.php",false); xmlhttp.send(null); } else{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("GET","<?php echo $url; ?>include/show-messages.php",false); xmlhttp.send(); } document.getElementById('messages').innerHTML = xmlhttp.responseText; setTimeout('showmessages()',10000); } showmessages(); function send(){ var sendto = '<?php echo $url; ?>include/send.php?message=' + document.getElementById('message').value + '&name=' + document.getElementById('name').value; if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET",sendto,false); xmlhttp.send(null); } else{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("GET",sendto,false); xmlhttp.send(); } var error = ''; switch(parseInt(xmlhttp.responseText)){ case 1: error = 'The database is down!'; break; case 2: error = 'The database is down!'; break; case 3: error = 'Don`t forget the message!'; break; case 4: error = 'The message is too long!'; break; case 5: error = 'Don`t forget the name!'; break; case 6: error = 'The name is too long!'; break; case 7: error = 'This name is already used by somebody else!'; break; case 8: error = 'The database is down!'; } if(error == ''){ document.getElementById('error').innerHTML = ''; showmessages(); } else{ document.getElementById('error').innerHTML = error; } } </script> </div></div> </body> </html>

Előre is köszönöm :D
Mutasd a teljes hozzászólást!
Estleg a megjelenítési sorrendnél nem lehet felül tenni a legfrissebb üzenezet?

szerk:

vagy eseletleg nézd meg ezt.
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd