How can I limit number of characters displayed in a div 1

Katie6 · Oct 14, 2008

Hi there,

I have a web page with an include to a news article. So the whole news article is shown on the page. I would like only the first 200 characters to show, not the whole thing, so I have tried using the following code. However, I'm not having any success.

JavaScript

Code:

function limitLength(id,len){
var element = document.getElementById(id);
element.innerHTML = element.innerHTML(substr(0, len));
}

HTML:

Code:

<body onload="limitLength('myDiv',200);">
<div id="myDiv">Div contents</div>
</body>

Can anyone tell me where I'm going wrong?

Many thanks,

Katie

feherke · Oct 14, 2008

Hi

Code:

element.innerHTML = element.innerHTML[COLOR=red pink].[/color]substr(0, len)

Feherke.

http://rootshell.be/~feherke/

Katie6 · Oct 14, 2008

Fantastic - it works!
Thanks Feherke!

Katie6 · Oct 14, 2008

Do you know how I can add a ... to the end of the text?
At the moment the words are chopping off mid word.

Code:

e.g. the lady tripped over the c

It would be better if it said

Code:

the lady tripped over the c...

Many thanks for your help,

Katie

feherke · Oct 14, 2008

Hi

Code:

element.innerHTML = element.innerHTML.substr(0, len)+'...'

To not cut words remove the whole last word :

Code:

element.innerHTML = element.innerHTML.substr(0, len).replace(/\w*$/,'')+'...'

Feherke.

http://rootshell.be/~feherke/

Katie6 · Oct 14, 2008

Ah, I see - that's much better! Thanks again Feherke. I've learnt something new

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How can I limit number of characters displayed in a div 1

Katie6

Programmer

feherke

Programmer

Katie6

Programmer

Katie6

Programmer

feherke

Programmer

Katie6

Programmer

Similar threads

Part and Inventory Search

Sponsor