Einfügen von Text in Textarea per JS

louis · 07.07.2008, 11:51

Hallo zusammen,

folgendes Problem, das jeder Benutzer des phpBB wahrscheinlich auch kennt:

Wenn ich über einen der JS Buttons über der Textarea im phpBB bbcode in das Posting einfüge, der Text aber bereits so lange ist, dass die Scrollbar rechts erscheint und schon nach unten gescrollt ist, dann wird unschönerweise in der textarea beim klicken auf den jeweiligen Button ganz nach oben gescrollt, und ich sehe meine aktuelle Eingabe nicht mehr. Ich muss dann wieder "per Hand" nach unten scrollen.

Da ich in einem anderen Projekt genau dieses Problem auch habe, die Frage: kennt jemand eine JS-Funktion, mit der man per Buttons Text in eine textarea einfügen kann, die aber auch bei vorhandenem Scrollbar vernünftig funktioniert?

Wäre nett, wenn mir da jemand helfen könnte...

Danke schonmal und Grüße Louis

Mikay Kun · 07.07.2008, 13:26

Versuch es doch mit der Funktion scrollTo().
Leider weiss ich nicht ob das bei Textareas funktioniert.
Habs noch nicht ausprobiert.

louis · 07.07.2008, 14:03

Zitat:

Zitat von Mikay Kun

Versuch es doch mit der Funktion scrollTo().
Leider weiss ich nicht ob das bei Textareas funktioniert.
Habs noch nicht ausprobiert.

Prinzipiell geht das schon, jedoch wird das mit den verschiedenen Browsern und den verschiedenen Fällen, die abzudecken sind, ziemlich kompliziert. Ausserdem hasse ich JS

Da gibt es doch bestimmt irgendwo eine fertige Funktion, die genau das kann!?!

Grüße Louis

louis · 07.07.2008, 14:28

Ergänzung...habe ich oben ganz vergessen:

Aktuell benutze ich diese Funktion von selfhtml:

http://aktuell.de.selfhtml.org/artik...script/bbcode/

Funktioniert eigentlich prima, bis auf die oben beschriebene "Macke". Kann man im "Anzeigebeispiel: So sieht's aus" auch ausprobieren.

Freeaak · 07.07.2008, 14:54

Code:

element.scrollTop = element.scrollHeight - element.clientHeight;

so kann man eine textarea nach unten scrollen ... lässt sich bestimmt irgendwie umbauen

louis · 07.07.2008, 15:13

Zitat:

Zitat von Freeaak

Code:

element.scrollTop = element.scrollHeight - element.clientHeight;

so kann man eine textarea nach unten scrollen ... lässt sich bestimmt irgendwie umbauen

Jo...googeln kann ich auch

Ich habe auch schon genau das probiert, funktioniert auch, wenn ich am Ende der Funktion einfach nach unten scrollen lasse. Jedoch habe ich dann das umgekehrte Problem, wenn ich weiter oben im Text etwas per Button einfüge, dann springt es nach unten

Wie gesagt, ich kann JS nicht wirklich, deshalb traue ich es mir nicht zu, die Selfhtml Funktion selbst anzupassen. Deshalb die (vielleicht unverschämte) Frage, ob es da nicht schon was fertiges gibt!?!

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
input text oder textarea feld inhalt mit einem klick löschen	noskule	HTML, Usability und Barrierefreiheit	10	26.05.2009 21:47
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
Textarea soll text in text.txt Datei schreiben	Clawhammer	PHP Tipps 2008	3	26.11.2007 10:38
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Textarea / Java: markierten Text veraendern	SvenLittkowski	HTML, Usability und Barrierefreiheit	5	17.07.2007 22:05
JS: Bei Klick in eine Textarea den gesamten Text markieren	PsychoEagle	HTML, Usability und Barrierefreiheit	2	10.07.2006 09:17
Text mit Javascript in Textarea einfügen	kiffy	HTML, Usability und Barrierefreiheit	2	02.04.2006 20:35
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
Kontaktformular - Text aus Textarea Senden.	imported_DJ Nuno	PHP Tipps 2005-2	6	21.10.2005 08:44
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
Text per Klick in Textarea einfügen Abhängig von Radiobutton	18inch	HTML, Usability und Barrierefreiheit	1	09.05.2005 11:22
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
[Erledigt] Text oben bündig mit Textarea "CSS"		HTML, Usability und Barrierefreiheit	3	08.03.2005 09:42
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

07.07.2008, 11:51
louis Erfahrener Benutzer Registriert seit: 17.07.2006 Beiträge: 140	Einfügen von Text in Textarea per JS Hallo zusammen, folgendes Problem, das jeder Benutzer des phpBB wahrscheinlich auch kennt: Wenn ich über einen der JS Buttons über der Textarea im phpBB bbcode in das Posting einfüge, der Text aber bereits so lange ist, dass die Scrollbar rechts erscheint und schon nach unten gescrollt ist, dann wird unschönerweise in der textarea beim klicken auf den jeweiligen Button ganz nach oben gescrollt, und ich sehe meine aktuelle Eingabe nicht mehr. Ich muss dann wieder "per Hand" nach unten scrollen. Da ich in einem anderen Projekt genau dieses Problem auch habe, die Frage: kennt jemand eine JS-Funktion, mit der man per Buttons Text in eine textarea einfügen kann, die aber auch bei vorhandenem Scrollbar vernünftig funktioniert? Wäre nett, wenn mir da jemand helfen könnte... Danke schonmal und Grüße Louis __________________ mfg louis


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

07.07.2008, 13:26
Mikay Kun Benutzer Registriert seit: 03.03.2006 Beiträge: 61 PHP-Kenntnisse: Anfänger	Versuch es doch mit der Funktion scrollTo(). Leider weiss ich nicht ob das bei Textareas funktioniert. Habs noch nicht ausprobiert. __________________ <Chang> Ich wollt nochmal anrufen bevor ich wieder völlig verkrüppelt auf dem Boden liege. <Mikay> Ja, war wieder mal klar -.-

07.07.2008, 14:28
louis Erfahrener Benutzer Registriert seit: 17.07.2006 Beiträge: 140	Ergänzung...habe ich oben ganz vergessen: Aktuell benutze ich diese Funktion von selfhtml: http://aktuell.de.selfhtml.org/artik...script/bbcode/ Funktioniert eigentlich prima, bis auf die oben beschriebene "Macke". Kann man im "Anzeigebeispiel: So sieht's aus" auch ausprobieren. __________________ mfg louis

07.07.2008, 14:54
Freeaak Erfahrener Benutzer Registriert seit: 05.04.2005 Beiträge: 1.333	Code: element.scrollTop = element.scrollHeight - element.clientHeight; so kann man eine textarea nach unten scrollen ... lässt sich bestimmt irgendwie umbauen __________________ "Wenn du nicht weißt, was du tust: Machs mit Eleganz!" (Murphy's Gesetze)