Hi,
Ive been trying to do this but have come across some difficulties. First of all here is my code to count the characters:
Quote:
<html>
<head>
<title>Javascript Character Count</title>
<link href="basic.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">
var running = false;
function start(){
running = true;
setTimeout('run();',500);
}
function run(){
document.ccform.display.value = document.ccform.text.value.length;
if(running)
setTimeout('run();',100);
}
function stop(){
running = false;
}
</script>
</head>
<body>
<h1>Javascript Character Counter</h1>
<form name="ccform">
<p><textarea name="text" rows="20" cols="100" onfocus="start();" onblur="stop();"></textarea></p>
<p><input type="text" name="display" /></p>
</form>
</body>
</html>
|
What i did was first impliment this into my editor_toolbar_off template, so that i had this:
Quote:
<div class="controlbar" style="text-align:$stylevar[left]">
<form name="ccform">
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:60px" tabindex="1">$newpost[message]</textarea>
<p><input type="text" name="display" /></p>
</form>
</div>
|
In bold is what i added and in italic is the var im going to change in the javascript example (from text to message)
Now i went to my editor_clientscript template and added the javascript with the rest of the javascript, this is what i added:
Quote:
<script language="JavaScript">
var running = false;
function start(){
running = true;
setTimeout('run();',500);
}
function run(){
document.ccform.display.value = document.ccform.message.value.length;
if(running)
setTimeout('run();',100);
}
function stop(){
running = false;
}
</script>
|
However what i am then left with is a box at the bottom that is meant to be displaying the number of words typed, but when i type numbers no numbers apprear or increase.
Can anyone tell me what the problem is? Ive tried to do it myself a few times but i really cant figure it out. I can provide any more information if it will help.
James
--------------- Added [DATE]1212254583[/DATE] at [TIME]1212254583[/TIME] ---------------
Ive just tested the code as it was originally posted and it works fine so im having a really hard time finding out why it isnt working. Ive also tried pasting the code at the top of the editor_toolbar_off template with the other javascript and it doesnt work there either :'(