Form Control JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Form Control
  4. Hidden form section (toggle)
  "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">



Recipe 8.10

html {background-color:#cccccc}
body {background-color:#eeeeee; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px;
    margin-left:15%; margin-right:15%; border:3px groove darkred; padding:15px}
h1 {text-align:right; font-size:1.5em; font-weight:bold}
h2 {text-align:left; font-size:1.1em; font-weight:bold; text-decoration:underline}
.buttons {margin-top:10px}


function togglePurDec(evt) {
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var block = document.getElementById("purchaseDecisionData");
    if (target.id == "purDecFlag1") {
        block.style.display = "block";
    } else {
        block.style.display = "none";  
    }
}



Hidden Form Sections


 

...

3. Do you make purchase decisions for your company?

    onclick="togglePurDec(event)">No 
    onclick="togglePurDec(event)">Yes 


3a. What is your purchase budget for the current fiscal year?

    Choose One:
    Less than $50,000
    $50,000-100,000
    $100,000-500,000
    $500,000+



3b. What role do you play in purchase decisions? (check all that apply)

Research

Recommend

Review Recommendations of Others

Sign Purchase Orders

None of the above




4. How long have you been at your current employment position?

    Choose One:
    Less than 6 months
    6-12 months
    1-2 years
    2+ years


...