Autor |
Nachricht |
EternaX
Threadersteller
Dabei seit: 08.01.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 08.01.2010 13:14
Titel Scrollbarer vielfarbiger Text |
|
|
Huhu,
ich hätte da gerne mal ein Problem....
Was ich will:
Einen Text mit unbestimmter Länge (kann sehr kurz sein oder auch seehr lang) in einem bereich mit fest definierter Breite darstellen.
Der Text muss einzeilig sein.
Der Text soll, wenn er länger als der Bereich ist, in dem er dargestellt werden soll, scrollbar sein.
Der Text muss mehrfarbig dargestellt werden.
Problem:
Ich könnte den Text einfach in einem input type text darstellen, dann wär er einzeilig und ich könnte das Textfeld in mein div mit fester Breite reinpacken und er wäre mit der Maus scrollbar. Einziges Manko: Ich kann nur eine feste Textfarbe vergeben - verschiedene Teile des Textes können nicht verschiedenfarbig hervorgehoben werden
Einen nur horizontal scrollbaren div aber ohne sichtbare Scrollbars wäre denkbar. Nur wie?
Lösungsansatz:
Ich bräuchte sowas wie ein Richtext-input.....gibts aber natürlich nicht.
Also habe ich mir überlegt den Text in ein DIV mit fester Breite und Höhe zu packen. Den Text könnte ich ggf. mit PHP vorher so formatieren, dass alle Leerzeichen und Trennzeichen durch ein ersetzt werden und er somit nicht mehr umbricht. Jetzt müsste nur noch der Text irgendwie scrollbar sein.
Overflow: scroll bringt mir dabei natürlich nichts - sieht sch*** aus und vom Verhalten her soll es lieber so sein wie in einem input type text
Bin für alle Ideen dankbar
Zuletzt bearbeitet von EternaX am Fr 08.01.2010 13:20, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 08.01.2010 13:19
Titel Re: Scrollbarer vielfarbiger Text |
|
|
EternaX hat geschrieben: | Lösungsansatz:
Ich bräuchte sowas wie ein Richtext-input.....gibts aber natürlich nicht.
Also habe ich mir überlegt den Text in ein DIV mit fester Breite und Höhe zu packen. Den Text könnte ich ggf. mit PHP vorher so formatieren, dass alle Leerzeichen und Trennzeichen durch ein ersetzt werden und er somit nicht mehr umbricht. Jetzt müsste nur noch der Text irgendwie scrollbar sein.
Overflow: scroll bringt mir dabei natürlich nichts - sieht sch*** aus und vom Verhalten her soll es lieber so sein wie in einem input type text |
Also die normale Vorgehensweise wäre def. ein div mit fester Breite und Höhe und dann overflow: scroll-x; Eventuell könnte man per JS die Scrollbar ausblenden?
|
|
|
|
|
Anzeige
|
|
|
EternaX
Threadersteller
Dabei seit: 08.01.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 08.01.2010 13:22
Titel
|
|
|
Ja, Du hast schon Recht. Nur funktioniert das Ausblenden der Scrollbars zuverlässig bei den gängigen Browsern und wenn ja, wie wirds gemacht?
Denn mein div ist nur ca 25px hoch.....da nehmen dann allein die Scrollbars schon 90% des ganzen divs ein und man sieht nix vom Inhalt *g*
Zuletzt bearbeitet von EternaX am Fr 08.01.2010 13:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
Mac
Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht:
|
|
|
|
|
EternaX
Threadersteller
Dabei seit: 08.01.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 08.01.2010 13:43
Titel
|
|
|
Schaut gut aus, ist aber für meinen Zweck hier leider nicht zu gebrauchen, da das DIV beim markieren des Textes nicht mitscrollt.
Das Verhalten soll wie ein Text-Eingabefeld sein und am Liebsten ohne sichtbare scrollbars
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 08.01.2010 13:50
Titel
|
|
|
Mit Scrollbar wäre das auch nur mit CSS möglich:
Code: | <div style="white-space: nowrap; width: 100px; height: 40px; overflow-x: auto;">Litigo diripio ango quies pes res penitentia Tabula, vos diu Sordes vae Epulor ile Tenor, nox </div> |
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 08.01.2010 14:59
Titel
|
|
|
Du möchtest also durch markieren des Textes scrollen?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Scrollbarer DIV
scrollbarer div in iframe
scrollbarer div-bereich
GoLive 6 scrollbarer Textrahmen
scrollbarer Bereich bei print.css
Scrollbarer Div mit eigener Scrollbar
|
|