Ok. I have figured out my whole script except how to make it work in
FF. It is a script that lets a user know how many characters they
have left for a textbox. Here is the code, is anyone savy enough to
tell me why this wont work in FF?
Any help would be appreciated. Thank you.
Code:
<script>
function count()
{
var myObject = event.srcElement;
fieldID = myObject.id;
boxtitle = myObject.title;
maximumLength = document.getElementById(boxtitle).maxLength;
var boxtop = myObject.style.top.replace(/px/g, "") * 1;
var boxleft = myObject.style.left.replace(/px/g, "") * 1;
var boxwidth = myObject.style.width.replace(/px/g, "") * 1;
if(document.getElementById(fieldID).value != "")
{
myspan = document.getElementById(fieldID + 'CNT')
charleft = maximumLength -
document.getElementById(fieldID).value.length;
charleft = "" + charleft //convert to string
if (charleft.length == 3) {
myspan.innerText = "Characters left: " + charleft
}
if (charleft.length == 2) {
myspan.innerText = "Characters left: 0" + charleft
}
if (charleft.length == 1) {
myspan.innerText = "Characters left: 00" + charleft
}
myspan.style.top = boxtop - 15
myspan.style.left = boxleft + boxwidth - 107
}
}
</script>
<script>
document.getElementById("TXTAREA01").onkeyup = count;
document.getElementById("TXTAREA02").onkeyup = count;
document.getElementById("TXTAREA03").onkeyup = count;
document.getElementById("TXTAREA04").onkeyup = count;
</script>
<span id = 'TXTAREA01CNT' style='font-family:Arial; font-
weight:Bold ;position: absolute;'></span>
<span id = 'TXTAREA02CNT' style='font-family:Arial; font-
weight:Bold ;position: absolute;'></span>
<span id = 'TXTAREA03CNT' style='font-family:Arial; font-
weight:Bold ;position: absolute;'></span>
<span id = 'TXTAREA04CNT' style='font-family:Arial; font-
weight:Bold ;position: absolute;'></span>