...

View Full Version : Toggle table position



Tony Davis
01-24-2006, 03:15 PM
I have a form with a couple of radio buttons, and depending on which button they click, a different table (form elements) will display. This works, but the tables are in different positions within the form. There must be a way to position the tables in identical locations. I am not very proficient with DIV tags. Can anyone explain how this works?
Thanks!
-tdavis

here is the form: http://www.kenerlyortho.com/forms/page02.html

vwphillips
01-24-2006, 03:35 PM
remove visibility:hidden; from "someoneelse" & "patientinfo" HTML tags


function toggle(e)
{

if (e.value == "Someone_Else") {

var childId = "someoneelse";
document.getElementById(childId).style.display = "";

var childId = "patientinfo";
document.getElementById(childId).style.display = "none";
}

else

{

var childId = "patientinfo";
document.getElementById(childId).style.display = "";

var childId = "someoneelse";
document.getElementById(childId).style.display = "none";

}

}

Tony Davis
01-24-2006, 03:41 PM
OK. I did that. I removed visibility:hidden; from table tags, but that did not have any affect. Are you referring to the javascript?

vwphillips
01-24-2006, 05:02 PM
also change your function toggle(e)
with the ammended function I posted

Tony Davis
01-24-2006, 05:32 PM
I did not see that! It does work now. I really appreciate the help!
I need to understand getElementById a little better....

Thanks again!
-tdavis



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum