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

Grey out or disable form?

P: n/a
Hi,

I have a table of questions (with radio buttons) that I want to appear
greyed out so that users can feel they can skip it and go on to the
next page. But if they should choose to answer the questions, I'd
want them to uncheck a checkbox so that the table would appear white.
How do I do this? (If I can also disable the radio buttons at the
same time, that would even be better.)

Also, I'd need it to work in both IE and Netscape/Mozilla.

Thanks for the help!

(And step-by-step coding would be GREATLY appreciated, as I'm a total
javascript newbie :)
Jul 23 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
"J Belly" <me@privacy.net> skrev i meddelandet
news:0v********************************@4ax.com...
Hi,

I have a table of questions (with radio buttons) that I want to appear
greyed out so that users can feel they can skip it and go on to the
next page. But if they should choose to answer the questions, I'd
want them to uncheck a checkbox so that the table would appear white.
How do I do this? (If I can also disable the radio buttons at the
same time, that would even be better.)

Also, I'd need it to work in both IE and Netscape/Mozilla.

Thanks for the help!

(And step-by-step coding would be GREATLY appreciated, as I'm a total
javascript newbie :)


You can use the "disabled" attribute in HTML:
<input type="radio" name="somename" disabled>

....and set it in Javascript (looping a radio button array):
var radios = document.forms["someform"].elements["somename"];
for(var i = 0, max = radios.length; i < max; i++){
radios[i].disabled=1; //Or 0 for enabling it
}

For the table background and the text, you could create different CSS
classes and then do:

var thing = document.getElementById("someid");

if(thing)
thing.className="myGrayedOutCSSname";

Add an onclick handler to the checkbox that calls a function that takes
care of enabling/disabling:

<input type="checkbox" name="somename"
onclick="toggleTableState(this.checked);">

then in the <head>:

function toggleTableState(inEnable){

// Enable/disable radio buttons
// Set className of whatever it is that should look different
}
--
Joakim Braun

Jul 23 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.