variable usage

I have a form with a textarea written in HTML using a Javascript to count the number of characters entered into the textarea. Don't ask why, it's really necessary ;)

I need the textarea to pass to the template page for processing so I use the name="Story:=" -- with the := everything works fine.

The problem now is that with the added Javascript for counting, Javascript doesn't know how to handle the name of "Story:=" -- so to make the JS work, I remove the := but now the variable doesn't transfer to the next template. Any solutions?

Original working code is here:



<form name="theForm" action="/baseportal/TheOneRing/Story_archives/Test/Preview_Copy2" method="post" enctype="multipart/form-data" onSubmit="return disableForm(this);"> <textarea name="Story:="></textarea> <input type="submit" value="Preview"> </form>

----------------------

After Javascript addition, the <textarea> name changes and the variable doesn't pass. The new code is:


<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function textCounter(field, countfield, maxlimit) { if (field.value.length > maxlimit) // if too long...trim it!

field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter


else countfield.value = maxlimit - field.value.length; }

// End -->


</script> <form name="theForm" action="/baseportal/TheOneRing/Story_archives/Test/Preview_Copy2" method="post" enctype="multipart/form-data" onSubmit="return disableForm(this);">




<textarea wrap=physical rows="10" cols="100" name="Story" onKeyDown="textCounter(this.form.Story,this.form.remLen,125000);" onKeyUp="textCounter(this.form.Story,this.form.remLen,125000);"></textarea> <input type="submit" value="Preview"> </form>