Hey you guys! Thanks for your help!
Sorry, maybe I am being really dense... no I AM being really dense, but I do not see how exactly to incorporate these scripts into my HTML. Please could you show me how? For example, with these is it necessary to declare different variables for my textareas? And is it necessary to establish two different functions? (Can you tell I am a JS newbie?):rolleyes:
Here is the script as I have it now:
<html>
<head>
<title>JOB DESCRIPTION TEST 3</title>
<script type="text/javascript"><!--
var limit = 400;
function check() {
if(document.mainform.Description.value.length > limit) {
alert('Too much data!');
document.mainform.Description.focus();
return false; }
else
return true; }
//
var limit2 = 400;
function check() {
if(document.mainform.Qualifications.value.length > limit2) {
alert('Too much data!');
document.mainform.Qualifications.focus();
return false; }
else
return true; }
//
function update() {
var old = document.mainform.counter.value;
document.mainform.counter.value=document.mainform.Description.value.length;
if(document.mainform.counter.value > limit && old <= limit) {
alert('Too much data in the text box!');
if(document.styleSheets) {
document.mainform.counter.style.fontWeight = 'bold';
document.mainform.counter.style.color = '#ff0000'; } }
else if(document.mainform.counter.value <= limit && old > limit
&& document.styleSheets ) {
document.mainform.counter.style.fontWeight = 'normal';
document.mainform.counter.style.color = '#000000'; }
}
//
function update2() {
var old2 = document.mainform.counter.value;
document.mainform.counter.value=document.mainform.Qualifications.value.length;
if(document.mainform.counter.value > limit2 && old2 <= limit2) {
alert('Too much data in the text box!');
if(document.styleSheets) {
document.mainform.counter.style.fontWeight = 'bold';
document.mainform.counter.style.color = '#ff0000'; } }
else if(document.mainform.counter.value <= limit2 && old2 > limit2
&& document.styleSheets ) {
document.mainform.counter.style.fontWeight = 'normal';
document.mainform.counter.style.color = '#000000'; }
}
//
-->
</script>
</head>
<body>
<form action="http://oregonstate.edu/tools/formmail.php" method="post"
name="mainform" onsubmit="return check();">
<input type="hidden" name="recipient" value="harrirog@onid.orst.edu">
<p>Describe the opportunity (maximum 400 characters).</p>
<textarea cols="106" rows="5" name="Description" onkeyup="this.value=this.value.substring(0,4)" onkeyup="update();"></textarea><br>
<noscript>
<p><small>(If you used a JavaScript enabled browser, preferably supporting JavaScript version 1.2 or equivalent (as supported e.g. by Internet Explorer 4,
Netscape Navigator 4, and Opera 5), you would have some help from the browser in trying to remain within the limit.)</small>
</noscript>
<script type="text/javascript" language="JavaScript1.2"><!--
document.write('Characters typed: <input '+
'type="text" size="3" name="counter" value=""'+
'readonly onfocus="this.form.Description.focus()"> (limit: '+
limit+')');
//--></script>
<p>Describe the qualifications (maximum 400 characters).</p>
<textarea cols="106" rows="5" name="Qualifications" onkeyup="this.value=this.value.substring(0,4)" onkeyup="update2();"></textarea><br>
<noscript>
<p><small>(If you used a JavaScript enabled browser, preferably supporting JavaScript version 1.2 or equivalent (as supported e.g. by Internet Explorer 4,
Netscape Navigator 4, and Opera 5), you would have some help from the browser in trying to remain within the limit.)</small>
</noscript>
<script type="text/javascript" language="JavaScript1.2"><!--
document.write('Characters typed: <input '+
'type="text" size="3" name="counter" value=""'+
'readonly onfocus="this.form.Qualifications.focus()"> (limit2: '+
limit2+')');
//--></script>
<p><input type="submit" value="Send">
</form>
</body>
</html>