Tweet
Hi,
Ive been trying to do this but have come across some difficulties. First of all here is my code to count the characters:
What i did was first impliment this into my editor_toolbar_off template, so that i had this:
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:
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
Ive been trying to do this but have come across some difficulties. First of all here is my code to count the characters:
<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>
<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>
<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>
<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>
Now i went to my editor_clientscript template and added the javascript with the rest of the javascript, this is what i added:
<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>
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>
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
Comment