Autoscrolling immer unten

LennySimpsons · 16.05.2011, 14:06

Hallo,

ich bin dabei ein Chat-Programm zu schreiben und lasse den Text in einem div-Container ausgeben. Dieser Container hat eine bestimmte Höhe und Breite und wenn diese Höhe überschritten wird, erscheint ein Scroll-Balken.

Allerdings wird dieser nicht automatisch bei neuen Einträgen nach unten gescrollt. Dies möchte ich jedoch gerne realisieren.

Kann mir jemand Tipps dazu geben bzw. die richtigen Schlagworte.

Danke.

Manko10 · 16.05.2011, 14:07

Stichwort: scrollTop.

LennySimpsons · 16.05.2011, 14:13

Schon mal Danke. Werde danach suchen.

aber wenn du ein bsp hättest, wäre das super.

eagle275 · 16.05.2011, 14:17

reicht dir das hier als Beispiel ? http://de.selfhtml.org/javascript/ob....htm#scroll_by

LennySimpsons · 16.05.2011, 14:26

Ehrlich gesagt nicht ganz.

Mir ist z.B. noch nicht ganz klar, wie ich den JavaScript-Code mit dem div-Container für die Ausgabe verbinde bzw. ob ich diesen überhaupt verbinden muss.

eagle275 · 16.05.2011, 14:29

natürlich musst du die verbinden ...

PHP-Code:

  function NachOben () {

  var y = 0;

  if (window.pageYOffset) {

    y = window.pageYOffset;

  } else if (document.body && document.body.scrollTop) {

    y = document.body.scrollTop;

  }

  if (y > 0) {

    window.scrollBy(0, -10);

    setTimeout("NachOben()", 10);

  }

}

- hier steht ja immer der Bezug aufs WINDOW - Element ... (bzw document.body) - das musst du durch Bezüge auf deinen scroll-Div ersetzen

LennySimpsons · 16.05.2011, 14:35

Also mein div-Container sieht so aus:

<div id="nachrichten"></div>

Über eine Funktion wird in diesem div Text zwischen <p>...</p> erzeugt und ausgegeben. Sorry, aber wie müsste ich dies nun mit dem JavaScript verbinden?

nikosch · 16.05.2011, 14:38

Jetzt setzt DU Dich mal hin und probierst es erstmal. Wir sind hier kein Servicedienst.

Was das unter dem Thema PHP zu suchen hat, frage ich mich auch.

[MOD: Verschoben]

LennySimpsons · 16.05.2011, 14:44

Ich probiere ja schon fleißig.

LennySimpsons · 16.05.2011, 15:24

Kann nichts brauchbares finden.
Wie muss ich auf den div zugreifen bzw. wie kann dieser auf die Funktion zugreifen???

Danke.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Autoscrolling im DIV (an Relative Position)	#EFEFEF	JavaScript, Ajax und mehr	21	28.01.2009 18:39

16.05.2011, 14:06
LennySimpsons Benutzer Registriert seit: 09.05.2011 Beiträge: 39 PHP-Kenntnisse: Anfänger	Autoscrolling immer unten Hallo, ich bin dabei ein Chat-Programm zu schreiben und lasse den Text in einem div-Container ausgeben. Dieser Container hat eine bestimmte Höhe und Breite und wenn diese Höhe überschritten wird, erscheint ein Scroll-Balken. Allerdings wird dieser nicht automatisch bei neuen Einträgen nach unten gescrollt. Dies möchte ich jedoch gerne realisieren. Kann mir jemand Tipps dazu geben bzw. die richtigen Schlagworte. Danke.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

16.05.2011, 14:07
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Stichwort: scrollTop. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

16.05.2011, 14:13
LennySimpsons Benutzer Registriert seit: 09.05.2011 Beiträge: 39 PHP-Kenntnisse: Anfänger	Schon mal Danke. Werde danach suchen. aber wenn du ein bsp hättest, wäre das super.

16.05.2011, 14:17
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	reicht dir das hier als Beispiel ? http://de.selfhtml.org/javascript/ob....htm#scroll_by __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

16.05.2011, 14:26
LennySimpsons Benutzer Registriert seit: 09.05.2011 Beiträge: 39 PHP-Kenntnisse: Anfänger	Ehrlich gesagt nicht ganz. Mir ist z.B. noch nicht ganz klar, wie ich den JavaScript-Code mit dem div-Container für die Ausgabe verbinde bzw. ob ich diesen überhaupt verbinden muss.

16.05.2011, 14:29
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	natürlich musst du die verbinden ... PHP-Code: `function NachOben () { var y = 0; if (window.pageYOffset) { y = window.pageYOffset; } else if (document.body && document.body.scrollTop) { y = document.body.scrollTop; } if (y > 0) { window.scrollBy(0, -10); setTimeout("NachOben()", 10); } }` - hier steht ja immer der Bezug aufs WINDOW - Element ... (bzw document.body) - das musst du durch Bezüge auf deinen scroll-Div ersetzen __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

16.05.2011, 14:35
LennySimpsons Benutzer Registriert seit: 09.05.2011 Beiträge: 39 PHP-Kenntnisse: Anfänger	Also mein div-Container sieht so aus: <div id="nachrichten"><!-- --></div> Über eine Funktion wird in diesem div Text zwischen <p>...</p> erzeugt und ausgegeben. Sorry, aber wie müsste ich dies nun mit dem JavaScript verbinden?

16.05.2011, 14:38
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Jetzt setzt DU Dich mal hin und probierst es erstmal. Wir sind hier kein Servicedienst. Was das unter dem Thema PHP zu suchen hat, frage ich mich auch. [MOD: Verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

16.05.2011, 14:44
LennySimpsons Benutzer Registriert seit: 09.05.2011 Beiträge: 39 PHP-Kenntnisse: Anfänger	Ich probiere ja schon fleißig.

16.05.2011, 15:24
LennySimpsons Benutzer Registriert seit: 09.05.2011 Beiträge: 39 PHP-Kenntnisse: Anfänger	Kann nichts brauchbares finden. Wie muss ich auf den div zugreifen bzw. wie kann dieser auf die Funktion zugreifen??? Danke.