problem: automatisches nach unten Scrollen im Div container

scorpion4000 · 30.03.2005, 17:43

hallo!

und zwar ich hab einen chat,
der text wird per javascript in das div hinzugefügt,
das funktioniert auch einwandfrei,
wird der text länger aktivieren sich die scrollbalken (overflow:auto

das problem ist dass der div-container nicht
automatisch nach unten mitscrollt.
gibt es irgendeine möglichkeit wie man das div automatisch nach unten
scrollen lässt ?

danke im vorraus !

mfG,
scorpion4000

wissensdurstig · 30.03.2005, 20:59

Hi,

ich würde dir gerne helfen, allerdings verstehe ich dein Problem nicht ganz. Du hast geschrieben:

"das problem ist dass der div-container nicht automatisch nach unten mitscrollt."

???

Bianca

scorpion4000 · 30.03.2005, 21:09

ja ich hab einen div-container (layer)

<div class="chatwin" id="chat" style="height:100%; width:100%; overflow:auto;"></div>

der als ausgabe des chattes verwendet wird,
der chat funktioniert schon nur wenn
mehr text der sich in dem div befindet länger wird als die
höhe des divs schaltet sich die vertikale scrollbar automatisch ein,

und ich wollte wissen ob es eine funktion gibt dass das div immer nach
unten scrollt(mitscrollt), sonst müsste man jedesmal wenn ein neuer eintrag im chat
ist manuell runterscrollen

mfG
scorpion

321 · 31.03.2005, 16:35

glaub Dich verstanden zu haben ...
Du möchtest also dass automatisch scrolled wird, wenn unten die aktuellste Zeile nicht mehr im Div sichtbar ist!?
Dann kannst Du die Zeilen zählen und ab einer bestimmten Anzahl
(soviele Zeilen im Div sichtar angezeigt werden können)
nach jedem weiteren Schreiben einer Zeile ein JS-scrollby ausführst.

Das könnte etwa so aussehn: chat.scrollBy(0,14);

chat ist der Name deines <div>
die erste Ziffer (0) sind die Anzahl Pixel für horizontales Scrolling (0 = nix!)
die zweite (14) jene für vertikales Scrolling; es sollte der Zeilenhöhe (CSS linehight) entsprechen.
Negative Werte wie -14 würden entgegengesetzt scrollen.

scorpion4000 · 31.03.2005, 20:27

die funktion "scrollBy(0,14);" wird von einem <div> nicht unterstützt..

321 · 31.03.2005, 21:03

dann wären wohl auch keine Scrollbalken möglich, wenn ein DIV nicht scrollable wäre. ? ? ?

scorpion4000 · 31.03.2005, 22:07

doch wenn man overflow:scroll oder overflow:auto verwendet und die höhe und die breite fix positioniert

321 · 31.03.2005, 22:22

Habs nun mal mit DIV getestet (zuvor nur mit Iframes)
und scheint dass Du Recht hast.

scorpion4000 · 31.03.2005, 22:42

weisst du wie man einen iframe von der hauptseite (also die seite wo der iframe oben ist) mit javascript aus ansteuert ?
geht das überhaupt ?

321 · 31.03.2005, 23:02

Jepp, mom please!

so, habs ausgegraben: About iframe scrolling

scorpion4000 · 01.04.2005, 15:51

danke!

jez hab ich aber ein neues problem, das scrollen funktioniert perfekt nur
wenn ich die ganze seite auf ein frameset stelle (brauche ich fürn chat)
dann findet er den inline frame nicht mehr ("parent.inlineframe has no properties")
oder funktioniert diese scrollfunktion auf framesets nicht ?

321 · 01.04.2005, 23:29

Zitat:

Zitat von scorpion4000

... nur wenn ich die ganze seite auf ein frameset stelle (brauche ich fürn chat)
dann findet er den inline frame nicht mehr ("parent.inlineframe has no properties")
oder funktioniert diese scrollfunktion auf framesets nicht ?

Ist 'die ganze Seite' jene mit dem Iframe UND dem Scroll-Script wie ich es hatte oder hast das Script in einer anderen Seite/Frame ?
Wenn es beisammen blieb, muss es funktionieren.

Ohne den Code kann ich nicht mehr dazu sagen.

scorpion4000 · 02.04.2005, 00:26

hab das problem mit window.inlineframe gelöst

nochmals danke !

mfG, scorpion

321 · 02.04.2005, 00:53