23. juli 2008 - 20:40Der er
8 kommentarer og 1 løsning
Automatisk beskæring af streng i celle
Hej alle eksperter:)
Tænkte på om det ikke var muligt at få javascript til automatisk at beskære en tekst så den passer ind i en celle der hele tiden resizer efter vinduesstørrelsen? - Gerne efterfulgt af "..." når der ikke er plads til hele teksten.
Fx.
<html> <table width="10%"> <tr> <td>Dette er en titel der skal beskæres så den passer til celle-størrelsen</td> </tr> </table> </html>
Normalt bruger jeg bare php-funktionen substr() men eftersom php er serverside-scripting, kan jeg jo kun fastlå et vis antal tegn :(
<table width="10%"> <tr> <td><div style="height:1.2em;overflow:hidden">Dette er en titel der skal beskæres så den passer til celle-størrelsen</div></td> </tr> </table>
Super! Kunne godt bruges men er stadig ikke 100% hvad jeg leder efter:( Det er fordi jeg skal bruge det i en kalender hvor der skal stå en lille titel, hvis vinduet er småt er det ik helt nok at den bar skærer et helt ord væk hvis det nu er fordi der bar mangler et bogstav fx. Ville også være kanon hvis der kunne komme "..." efter hvis hele titlen ik kunne være der. Andre foreslag eller ?..
:S damnit.. Bare fordi jeg indtil videre har gjort alt hva jeg kunne for at holde siden skalerbar. Må bare nøjes med enten dit tidligere forslag eller php's substr() så..
Lukker tråden her. For andre der måske står med samme problem, kan følgende CSS-kode måske løse det: <div style='overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100px;'>Lang tekst som skal beskæres automatisk, her</div>
Som olebole rigtigt nok påpegede, skal der dog angives en width for at det virker.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.