Moin zusammen,
ich habe ein kleines Problem und habe leider noch nicht die passende Lösung gefunden,
ich habe mir eine kleine Shoutbox mittels, PHP, CSS, AJAX gebastelt was soweit auch super funtioniert nun will ich aber, daß wenn der Ausgabecontent "voll" ist und ein Scrollbalken an der rechten Seite zum vorschein kommt, daß dieser nach jeder Seitenaktualisierung bzw wenn eine neue Nachricht kommt immer im botton Bereich bleibt, damit man immer direkt die neusten Nachrichten sieht.
Ich habe mit Javascript bzw. JQuery leider noch nicht soviel gemacht damit ich hier zu einer Lösung komme und wäre um einen Rat von euch sehr dankbar.
Das ist der Ausgabeteil aus der Shoutbox Klasse:
----- In diesem Bereich ist auch der Scrollbalken -----
<div id="shoutboxAusgabeBereich">
<!-- Shoutbox Ausgabe -->
</div>
----------------------------------------------------------------------------
Liebe Grüße
Ps: Hier mal ein Screenshot wie es ausschaut wenn ich meine Seite aktualisiere, dann sollte klar sein was ich meine:
ich habe ein kleines Problem und habe leider noch nicht die passende Lösung gefunden,
ich habe mir eine kleine Shoutbox mittels, PHP, CSS, AJAX gebastelt was soweit auch super funtioniert nun will ich aber, daß wenn der Ausgabecontent "voll" ist und ein Scrollbalken an der rechten Seite zum vorschein kommt, daß dieser nach jeder Seitenaktualisierung bzw wenn eine neue Nachricht kommt immer im botton Bereich bleibt, damit man immer direkt die neusten Nachrichten sieht.
Ich habe mit Javascript bzw. JQuery leider noch nicht soviel gemacht damit ich hier zu einer Lösung komme und wäre um einen Rat von euch sehr dankbar.
Das ist der Ausgabeteil aus der Shoutbox Klasse:
PHP-Code:
public function shoutboxAusgabe(){
$sql = 'SELECT * FROM `shoutbox`';
$result = $this->dbConnect->query($sql);
while($row = $result->fetch_object()){
$shoutboxEintragTimestamp = strtotime($row->shoutbox_eintrag_zeitpunkt);
$shoutboxEintragZeitFormat = date('d.m. - H:i' ,$shoutboxEintragTimestamp);
echo'
<div class="shoutboxAusgabeTop">
# '.htmlspecialchars($row->id).' | '.htmlspecialchars($row->benutzer_name).' | '.htmlspecialchars($shoutboxEintragZeitFormat).' Uhr
</div>
<div class="shoutboxAusgabeContent">
'.nl2br(htmlspecialchars($row->shoutbox_eintrag)).'
</div>
';
}
}
----- In diesem Bereich ist auch der Scrollbalken -----
<div id="shoutboxAusgabeBereich">
<!-- Shoutbox Ausgabe -->
</div>
----------------------------------------------------------------------------
HTML-Code:
<div id="shoutboxBereich"> <div id="shoutboxInfo">Shoutbox</div> <form action="main.php" method="post"> <div id="shoutboxAusgabeBereich"> <!-- Shoutbox Ausgabe --> </div> <div id="shoutboxTextareaBereich"> <textarea name="shoutboxTextarea" class="shoutboxTextarea"></textarea> </div> <div id="shoutboxButtonBereich"> <input type="submit" name="shoutboxSenden" value="abschicken" class="shoutboxButton"> </div> </form>
Liebe Grüße
Ps: Hier mal ein Screenshot wie es ausschaut wenn ich meine Seite aktualisiere, dann sollte klar sein was ich meine:
Kommentar