Chat Ausgabe

thespecialx

Mitglied
Ich wollte ein Chat speziell mit PHP ,Mysql und Ajax realisieren .Mein Problem ist das Folgende:

Das geschriebene wird in einem DIV Tag ausgegeben das eine bestimmte höhe hat.
Nun wenn das geschriebene über diese Div Tag Höhe hinausgeht werden automatisch Scrollbalken hinzugefügt. Nach jeder Aktualisierung des Inhaltes in diesem Ausgabe DIV TAG durch "setintervall(fkt(),2000)" wird der Inhalt neu geldaden, so dass ich nach unten scrollen muss um den aktuellsten Post zu sehen.

Ich will jedoch nicht, das mein chat von unten nach oben geht...

gibt es eine JS Funktion die dies regelt oder gibt es andere Lösungen.

Danke für euere Hilfe
 
Vielleicht hilft dir da die scrollIntoView()-Mehode weiter?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<script type="text/javascript">
function scroll() {
  document.getElementById("Sprungmarke").scrollIntoView(true);
}
</script>

<style type="text/css">
<!--
div.textBox {
width: 600px;
height: 100px;
overflow: auto;
border: 1px solid #000;
}

div.textBox p {
margin: 0;
padding: 5px 5px 0 5px;
}
-->
</style>

</head>
<body onload="scroll()">

<div class="textBox">
     <!-- Hier folgt der Inhalt -->
     <p>dummy text 1</p>
     <p>dummy text 2</p>
     <p>dummy text 3</p>
     <p>dummy text 4</p>
     <p>dummy text 5</p>
     <p>dummy text 6</p>
     <p>dummy text 7</p>
     <p>dummy text 8</p>
     <p>dummy text 9</p>
     <p>dummy text 10</p>
     <p>dummy text 11</p>
     <p>dummy text 12</p>
     <p>dummy text 13</p>
     <p>dummy text 14</p>
     <p>dummy text 15</p>
     <p>dummy text 16</p>
     <p>dummy text 17</p>
     <p>dummy text 18</p>
     <p>dummy text 19</p>
     <p>dummy text 20</p>
     <!-- Hier endet der Inhalt -->
     <!-- "Sprungmarke" -->
     <span id="Sprungmarke"></span>
</div>

</body>
</html>
 

Neue Beiträge

Zurück