Character counter for innerHTML of all DIV's

**gits** · Mar 14 '08, 02:11 PM

could you post a html-example and note whether there could be divs in divs or not? should html-markup that is eventually included stripped from the count?

kind regards

**tmeers** · Mar 14 '08, 03:11 PM

Originally posted by gits

could you post a html-example and note whether there could be divs in divs or not? should html-markup that is eventually included stripped from the count?

kind regards

Actually the user would click on a div like so:
[HTML]<div id="divSample" >
</div>
[/HTML]
And it would fire the following event on click:
[CODE=javascript] function captureObject()
{
currentObject = window.event.sr cElement;
replaceFrame();
window.event.ca ncelBubble = true;
}
function replaceFrame()
{
closeFrame();
myFrame.documen t.body.innerHTM L = currentObject.i nnerHTML;
document.all.my Frame.style.top = currentObject.o ffsetTop;
document.all.my Frame.style.lef t = currentObject.o ffsetLeft;
document.all.my Frame.style.wid th = currentObject.o ffsetWidth;
document.all.my Frame.style.hei ght = currentObject.o ffsetHeight;
document.all.my Frame.style.dis play = '';
myFrame.documen t.body.style.ba ckgroundColor=' #f0ffff';
myFrame.documen t.body.focus();
}[/CODE]

Any HTML markup should stay in the box. No div's would be in the div's.
Thanks
Tim

**gits** · Mar 14 '08, 04:32 PM

so you could use something like that:

[CODE=javascript]function count_chars_in_ nodes(tag_name) {
var nodes = document.getEle mentsByTagName( tag_name);
var count = 0;

for (var i = 0, n; n = nodes[i]; i++) {
count += n.innerHTML.len gth;
}

return count;
}[/CODE]
kind regards

**tmeers** · Mar 14 '08, 06:07 PM

Yes that will work for on instance on a box, but I need to count all of the boxes on the page together into one total count. So div + div + div...... Not sure if it's possible but like i've heard before "any thing is possible with programming".

But thank you for that, that alone will help me with another idea I just thought of for another project.

Thanks for helping me by the way.
Tim

**gits** · Mar 14 '08, 06:30 PM

when you put in 'div' as tag_name it goes to all divs ... so it should work for you ...

kind regards

**tmeers** · Mar 14 '08, 07:34 PM

Ok I get what your saying, some times I'm not the quickest to catch on to these things after all. So I put in the body tag an onKeyUp event to call the function. And I know it's calling it because I'm getting an error from it saying that: 'Error: 'div' is undefined.

Any ideas?

Thanks again,
Tim

**gits** · Mar 14 '08, 07:39 PM

your call should look like this:

[CODE=javascript]count_chars_in_ nodes('div');[/CODE]
may be you used:

[CODE=javascript]count_chars_in_ nodes(div);
[/CODE]
? ... :)

kind regards

**tmeers** · Mar 14 '08, 08:15 PM

Hmm it's still not working, no error and no counting.

Perhaps I will give it another go when I'm a "nice and rested" on monday.

Thanks a bunch,
Tim

**gits** · Mar 14 '08, 08:27 PM

here is a working example with the code:

[HTML]<html>
<script type="text/javascript">
function count_chars_in_ nodes(tag_name) {
var nodes = document.getEle mentsByTagName( tag_name);
var count = 0;

for (var i = 0, n; n = nodes[i]; i++) {
count += n.innerHTML.len gth;
}

return count;
}
</script>
<body onload="var c = count_chars_in_ nodes('div'); alert(c);">
<div>test</div>
<div>test1</div>
</body>
</html>
[/HTML]
kind regards

Character counter for innerHTML of all DIV's

Character counter for innerHTML of all DIV's

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment