By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,238 Members | 1,659 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,238 IT Pros & Developers. It's quick & easy.

Equivalent of .disabled = false in Mozilla?

P: n/a
Hi

How do I accomplish the following functionality in Mozilla/ Firefox:

document.form.textbox.disabled = false

if I want to conditionally enable a text box that was disabled by default.

The above code works fine in IE, but doesn't in Mozilla. I have seen
somewhere the Mozilla equivalent of the same, but can't quite find it.

Also I would appreciate if you can point me to a solution (if any) that
works in both of them, without having to resort to checking the browsers
and executing seperate code.

Thanks in advance!
RI
Jul 23 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a

"Red_Indian" <re*******@liverpoolfans.com> ???????/???????? ? ????????
?????????: news:2g************@uni-berlin.de...
Hi

How do I accomplish the following functionality in Mozilla/ Firefox:

document.form.textbox.disabled = false

if I want to conditionally enable a text box that was disabled by default.

The above code works fine in IE, but doesn't in Mozilla. I have seen
somewhere the Mozilla equivalent of the same, but can't quite find it.

Also I would appreciate if you can point me to a solution (if any) that
works in both of them, without having to resort to checking the browsers
and executing seperate code.

Thanks in advance!
RI

I checked in Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6)
Gecko/20040206 Firefox/0.8.
It works.
Here is piece of code.
<html>
<head>
<title>Test Page</title>
</head>
<form name="form123" id="form123" method="post">
<INPUT TYPE="text" NAME="catalog" SIZE="20">
<INPUT TYPE="button" NAME="button1" VALUE="disable"
onClick="form123.catalog.disabled=true">
<INPUT TYPE="button" NAME="button2" VALUE="enable"
onClick="form123.catalog.disabled=false">
</form>
</html>
Jul 23 '05 #2

P: n/a
In article <2g************@uni-berlin.de>, re*******@liverpoolfans.com
enlightened us with...
Hi

How do I accomplish the following functionality in Mozilla/ Firefox:

document.form.textbox.disabled = false


IIRC, standard cross-browser code would be

document.forms["formname"].elements["elementname"].disabled = false;
--
--
~kaeli~
Any sufficiently advanced technology is indistinguishable
from magic.
http://www.ipwebdesign.net/wildAtHeart
http://www.ipwebdesign.net/kaelisSpace

Jul 23 '05 #3

P: n/a
Dennis Biletsky wrote:
I checked in Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6)
Gecko/20040206 Firefox/0.8.
It works.


My mistake!!

I asked the wrong question... :p

I want to know the equivalent of ".innerHTML" in Mozilla

e.g.

document.getElementById('label1').innerHTML = "Test"
/
/
...
<p id="label1">
When you look at my code you'll see why I made the mistake of asking the
"wrong question" - I didn't realize that maybe the condition wasn't
being satified in the first place.

if (document.getElementById('label1').innerHTML != '')
{
document.request.textbox.disabled=false
....
}

Thanks once again!
"RI"
;)
Jul 23 '05 #4

P: n/a
Red_Indian <re*******@liverpoolfans.com> writes:
I want to know the equivalent of ".innerHTML" in Mozilla
innerHTML works in Mozilla.
document.getElementById('label1').innerHTML = "Test"
/
/
...
<p id="label1">
I hope there is an </p> somewhere. Make sure your HTML is valid,
or that could be the cause of your problems.

Is the assignment happening before the <p> has been placed on the
page?
if (document.getElementById('label1').innerHTML != '')
There is nothing here that shoudln't work in Mozilla/Gecko.
{
document.request.textbox.disabled=false


This might work, but I would recommend:
document.forms['request'].elements['textbox'].disabled = false;

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'
Jul 23 '05 #5

P: n/a
Lasse Reichstein Nielsen wrote:
Make sure your HTML is valid,
or that could be the cause of your problems.


That tip helped me identify the problem. I ran the validator (and
amongst the other things :D) I found I was doing this right BEFORE the
code I sent in my earlier mail:

function refresh()
{
req_type=document.getElementById('type').value
.....

}

for a control NAMED (not the id) "type" :

<select name="type" onchange="refresh()">

While IE was forgiving this mistake and "realizing" I "meant" this:

document.myform.type.value (I don't know why I didn't use this in the
first place!!)

Mozilla wasn't (and rightly so ofcourse)

Anyways, I planned to run the HTML validator "at the end" of my project,
but the lesson I have learnt is it's never to early to validate your
HTML code. I guess I should get one of those editors with a built in
validator ;)

Thanks Lasee and everybody else!
RI
Jul 23 '05 #6

P: n/a
DU
Lasse Reichstein Nielsen wrote:
Red_Indian <re*******@liverpoolfans.com> writes:

I want to know the equivalent of ".innerHTML" in Mozilla

innerHTML works in Mozilla.

document.getElementById('label1').innerHTML = "Test"
/
/
...
<p id="label1">


If the node to change is a text node, then innerHTML can be conveniently
replaced by W3C DOM 2 CharacterData attribute or a DOM Core attribtue
like assigning the childNodes[0].nodeValue; either way, such methods
which will work in Opera 7.x, MSIE 5+, Mozilla, Safari, etc..

DU
Jul 23 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.