HIDDEN table ?

[horiyochi]

is it possible to contruct a hidden table.. only certain conditions can unhide the table..

?

[chris9902]

javascript could do that it think

[AdamGundry]

Yes, you can hide it with <table style="display: none"> and show it using Javascript. It depends on what you mean by "certain conditions".

Adam

[fredmv]

I believe this thread (http://forums.webdeveloper.com/showthread.php?s=&threadid=24456) already answered your first question, and as Adam already mentioned, it would be rather impossible to help you out any further without knowning what those "certain conditions" are.

[horiyochi]

the condition is:

when i check a listbox, say.. "show" the table will appear otherwise hide

it can be done as i'm using java script.. (i've tested by enable and disabling button and textfield


now, i can use display:none and display:block to show right..
but i do i call the table:

for example (call a listbox property)
document.form1.listbox.disable = "true"

how about table? how do i access to the properties?

any help will be be appreciated..

[Paul Jr]

document.getElementById('tableID').style.visibilty='visible';

???

[horiyochi]

thanks, i will try out later...

by the way if i want to hide the table?

document.getElementById('tableID').style.visibilty='invisible'; ?? am i right??

[Paul Jr]

document.getElementById('tableID').style.visibility='hidden';

[horiyochi]

i've try the code, but i its not working ..

the code:

function showTable(){
if (document.frmDetails.listMaritalStatus.value != 'SINGLE'){
document.getElementById('spouseTable').style.visibility ="visibile";

}else{
document.getElementById ('spouseTable').style.visibility="hidden";
}
}

and i've try ..


if (document.frmDetails.listMaritalStatus.value != 'SINGLE'){
document.getElementById('spouseTable').style="visibile";

}else{
document.getElementById ('spouseTable').style.="hidden";
}



if (document.frmDetails.listMaritalStatus.value != 'SINGLE'){
document.getElementById('spouseTable').style="display:block";

}else{
document.getElementById ('spouseTable').style.visibility="display:none";
}

both of my trial fail.. :confused:

is there any other solution ?