[JS/CSS] Punten na de te lange tekst.

[devhouse]

Hallo allemaal,

Ik ben al enige tijd aan het zoeken naar een manier om de tekst 'af te ronden' als de tekst meer dan 100% breedte heeft dan de parent div. Ik wil dit graag in een combinate met javascript en css doen. Ik heb helaas nog niks gevonden.

Het volgende is dus de bedoeling:

code:

Een erg lange zin wat te lang is

af te ronden naar:

code:

Een erg lange z...

als de tekst te lang word(groter dan 100% van de parent div).

Heeft iemand misschien een idee hoe ik dit moet doen? Een keyword voor het zoeken op google is ook goed, want ik weet niet hoe dit heet...

Alvast bedankt,

Tom

[Pkunk]

misschien substring?
Maar dan wil je dus naar de breedte van de parent kijken t.o.v. het element waar de tekst in staat, en op basis daarvan bepalen hoeveel tekens je wil tonen?

[ Voor 65% gewijzigd door Pkunk op 10-05-2009 11:43 ]

[JeRa]

De keyword die je zoekt is 'ellipsis'

[devhouse]

JeRa schreef op zondag 10 mei 2009 @ 11:39:
De keyword die je zoekt is 'ellipsis'

bedankt, dan kom ik er wel uit.

[_Thanatos_]

Misschien aardig om uiteindelijk de oplossing hier wel nog ff te posten. Ik ben zelf nml ook best benieuwd hoe zoiets zou werken

[crisp]

text-overflow: ellipsis inderdaad, gebruiken wij ook voor bijvoorbeeld de tracker met een (nogal ingewikkelde) JS-workaround voor browsers die het (nog) niet ondersteunen zoals Firefox...

[tonyisgaaf]

_Thanatos_ schreef op zondag 10 mei 2009 @ 20:36:
Misschien aardig om uiteindelijk de oplossing hier wel nog ff te posten. Ik ben zelf nml ook best benieuwd hoe zoiets zou werken

Ellipsis or "truncate with dots" via JavaScript lijkt mij een mooie start.

En natuurlijk de css property text-overflow.

Of ben ik nu te voor-zeggerig

[ Voor 0% gewijzigd door tonyisgaaf op 10-05-2009 22:39 . Reden: ah fijn, spuit elf ]