Textgrösse in Pixel

Moien

Kann man mit javascript (ohne auf IE-spezifisches zurückgreifen zu müssen) rausfinden wie lang ein Text in Pixel auf dem Schirm sein wird ?

Auch die Zeilenhöhe wäre interessant.

Oder gibt es Schriften die auf allen möglichen Browsern immer in der gleichen Grösse und vorallem Breite angezeigt werden ?

Danke

Kann man mit javascript (ohne auf IE-spezifisches
zurückgreifen zu müssen) rausfinden wie lang ein Text in Pixel
auf dem Schirm sein wird ?

nein

Auch die Zeilenhöhe wäre interessant.

Oder gibt es Schriften die auf allen möglichen Browsern immer
in der gleichen Grösse und vorallem Breite angezeigt werden ?

nein.
der mac beispielsweise hat andere standardschriften als
die auf den windowsbuechsen, was oft zu unterschiedlichen
anzeigen fuehrt. abenso ist alles ja auch ein wenig von der aufloesung des benutzers abhaengig.

du kannst dir zwar selber eine art rechner dafuer schreiben…
aber genau und vor allem anwendbar auf alle browser und betriebssysteme wird das nicht sein.

wofuer brauchst du das denn ? vielleicht kann man das problem anders umgehen ?

grusz

PixelKoenig

Moien

wofuer brauchst du das denn ? vielleicht kann man das problem
anders umgehen ?

Ich will Texte erscheinen lassen als ob sie getippt würden. Also Buchstabe für Buchstabe mit ±0.1 sek Abstand. Das klappt gut, aber:

  • Das letzte Wort jeder Zeile springt ab einer gewissen Länge in die nächste Zeile => wohin muss das br ? Trennen will ich auch nicht…

  • Ich weiss nicht wie tief ich den footer stellen muss => footer kommt i.M. nachdem der Text fertig ist.

Danke

hi again,

mach das ganze in div boxen.
dann sparst du dir dir
s indem du eine definiterte width fuer das div festlegst… und der footer ist relativ zum obigen div mit ner margin von x pixeln… dann klappts…denke ich

grusz

pixelkoenig

Moien

mach das ganze in div boxen.
dann sparst du dir dir
s indem du eine
definiterte width fuer das div festlegst… und der footer ist
relativ zum obigen div mit ner margin von x pixeln…

Da waren sie wieder, meine 2 Probleme. Die Texte kommen aus einer Datenbank. Ich weiss nicht wie gross x sein muss.

Und das „umspringen“ von halben Wörter in die nächste Zeile löst das auch nicht. Obwohl ich da inzwischen an fonts mit immer gleicher Zeichenbreite denke. So wie in den Eingabefeldern hier. Dann kann ich ja auf die Anzahl der Buchstaben gehen. Das wird zwar die Breite der Anzeige nicht ausnützen, aber superlange Zeilen sind eh unleserlich.

Danke

Da waren sie wieder, meine 2 Probleme. Die Texte kommen aus
einer Datenbank. Ich weiss nicht wie gross x sein muss.

kein problem.
x ist keine feste groesse.
x ermittelst einfach breite der aufloesung… mit der der user unterwegs ist… bzw. die groesse des browserfensters.
wenn du deine div box zum beispiel 10 oder 20% kleiner machst… passt die schon mal in den aktuellen screen.

und das nichtumbrechen… erreichst du zum beispiel mit

es gibt aber auch entsprechende CSS tags fuer die absatzformatierung.
ich empfehle dir hierzu mal einen blick zu www.drweb.de zu werfen.
da gibts viel zu sehen zu css design.

grusz

pixelkoenig

Moien

x ist keine feste groesse.
x ermittelst einfach breite der aufloesung… mit der der user
unterwegs ist… bzw. die groesse des browserfensters.
wenn du deine div box zum beispiel 10 oder 20% kleiner
machst… passt die schon mal in den aktuellen screen.

Aber ich muss die Höhe des Feldes doch an die Länge des Texts anpassen. Ob das nun auf den Schirm passt oder nicht ist mir erstal wurscht.

und das nichtumbrechen… erreichst du zum beispiel mit

OK, das kann man testen. Werde mal experimentel Werte suchen.

Danke