Character counter for innerHTML of all DIV's

Ok I've found many script on how to count the number of characters you have typed into one text box and even ones that tell you how many characters you have left to type. But I have a classic ASP app that I need to count all the characters in every DIV element that is using innerHTML.

I'm really not sure how to explain it any better but maybe even if some one could share some wisdom as to how to count it for all text box's perhaps I could mod it to fit my needs.

Thanks for any help,
Tim

Mar 14 '08 #1

Subscribe Post Reply

5116

gits

5,390

Expert Mod 4TB

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

Mar 14 '08 #2

tmeers

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:

Expand|Select|Wrap|Line Numbers

    function captureObject()

   {

        currentObject = window.event.srcElement;

                replaceFrame();        

        window.event.cancelBubble = true;

   }

   function replaceFrame()

   {

         closeFrame();         

         myFrame.document.body.innerHTML = currentObject.innerHTML;

         document.all.myFrame.style.top = currentObject.offsetTop;

         document.all.myFrame.style.left = currentObject.offsetLeft;

         document.all.myFrame.style.width = currentObject.offsetWidth;

         document.all.myFrame.style.height = currentObject.offsetHeight;        

         document.all.myFrame.style.display = '';

         myFrame.document.body.style.backgroundColor='#f0ffff';

         myFrame.document.body.focus();                 

   }

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

Mar 14 '08 #3

gits

5,390

Expert Mod 4TB

so you could use something like that:

Expand|Select|Wrap|Line Numbers

 function count_chars_in_nodes(tag_name) {

    var nodes = document.getElementsByTagName(tag_name);

    var count = 0;
 
    for (var i = 0, n; n = nodes[i]; i++) {

        count += n.innerHTML.length;

    }
 
    return count;

}

kind regards

Mar 14 '08 #4

tmeers

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

Mar 14 '08 #5

gits

5,390

Expert Mod 4TB

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

kind regards

Mar 14 '08 #6

tmeers

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

Mar 14 '08 #7

gits

5,390

Expert Mod 4TB

your call should look like this:

Expand|Select|Wrap|Line Numbers

count_chars_in_nodes('div');

may be you used:

Expand|Select|Wrap|Line Numbers

count_chars_in_nodes(div);

? ... :)

kind regards

Mar 14 '08 #8

tmeers

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

Mar 14 '08 #9

gits

5,390

Expert Mod 4TB

here is a working example with the code:

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

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

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

Mar 14 '08 #10

Similar topics

Javascript image counter

by: Carl Gilbert | last post by:

Hi I'm having problems with the following code. All I want to do is keep a counter on the page for every new image recieved without deviating from the "for" and "event". <OBJECT ID="CamImage1"...

Javascript

node.innerHTML = '...' not working in IE

by: Joel Byrd | last post by:

I am having this ridiculous problem of trying to set the innerHTML of a div node. It works in all other browsers, but internet explorer is giving me an "Unknown runtime error". This is actually...

Javascript

Converting character entity codes into characters using JavaScript

by: Jimbo | last post by:

Basically I'm looking for a function that will parse a string and replace any entity codes it finds w/ the actual character. For instance the function would convert "Hello World" into "Hello...

Javascript

innerHTML and SCRIPT tag

by: PJ | last post by:

Greetings... I have stumbled upon a small problem. I use Ajax to retrieve part of a page I need to update. I update a DIV element with the HTML contents I get from another page. It works...

Javascript

cdata & innerHTML issues

by: Tarik Monem | last post by:

I have been able to successfully retrieve data from an xml file, where the data has been massaged a little bit, to create a table to be retrieved and it is displayed via a document.writeln within a...

Javascript

Setting styles with InnerHTML!?!

by: Toxinhead | last post by:

Hey there guys I am having a little trouble with InnerHTML as i can't seem to figure out how to set the style of my div tag..... What im trying to do is that when i rollover pic1 it changes that...

Javascript

Mail Counter in asp.net 3.5

by: sajit | last post by:

Hi Folks, Right now I am working on eMail Marketing System. There I have a module which sends news letters to subscribers. The problem is I want to put a counter on a page to display sent mails...

ASP.NET

Problem with link counter

by: mozambique43 | last post by:

I have this code I would like to use as a link counter but it just will not store the number nor increment it. please help. I need this ASAP.  ...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing