Question

When my webpage is loading, I use javascript to detect which browser is visiting the website and adjust the text size onload. This works all of the time on Firefox without any problems.

However, on the page I have two text inputs aligned ontop of each other (so the bottom one cannot be modified, to bypass the text dimming when the textbox is disabled). When the user types in the box, the idea is that there is an asterisk at the end of the text. My code for this is below. It is loaded onkeyup and onchange functions. This works perfectly in Chrome and Safari, but fails to work on Firefox.

Any ideas why?

function textcopy(form) {
    var text = consoleText.value;
    consoleText2.value = text + "*";
}

Answer 1

Replace consoleText2.value = text+"*"; with document.getElementById("consoleText").value = text+"*";