{"id":802,"date":"2018-02-21T15:33:03","date_gmt":"2018-02-21T15:33:03","guid":{"rendered":"http:\/\/sls.gmu.edu\/web\/?p=802"},"modified":"2018-02-21T16:30:39","modified_gmt":"2018-02-21T16:30:39","slug":"events-planning-form-using-javascript","status":"publish","type":"post","link":"https:\/\/sls.gmu.edu\/web\/2018\/02\/21\/events-planning-form-using-javascript\/","title":{"rendered":"Events Planning Form Using Javascript"},"content":{"rendered":"

A short questionnaire to direct users to the right form using Javscript
\nwindow.onload = function() { document.getElementById('link1').style.display = 'none'; document.getElementById('link2').style.display = 'none'; }; \/\/Clears div box<\/p>\n

var x, y, z; \/\/assigns variables to radio selections<\/p>\n

function a1(answer1){ x = answer1; };
\n function a2(answer2){ y = answer2; };
\n function a3(answer3){ z = answer3; }; <\/p>\n

\/\/if all answers are no, display link2 and hide link2; if any answers are yes, do the opposite.<\/p>\n

function showdiv() { if (x==1 | y==1 | z==1){ document.getElementById('link1').style.display='block'; document.getElementById('link2').style.display='none'; } else { console.log("None of the questions is 1"); document.getElementById('link1').style.display='none'; document.getElementById('link2').style.display='block'; } return; }<\/p>\n

\/\/How to structure your HTML to code. Onlick assigns value to x,y,z variables<\/p>\n

<input type="radio" onclick="a1(1)" name="q1">Yes
\n<input type="radio" onclick="a1(0)" name="q1">No<\/p>\n

\/\/execute code
\n<button onclick="showdiv()">What Form Do I Need?<\/button><\/p>\n

\/\/hide show divs using IDs
\n<div id="link1">
\nLink 1
\n<\/div>
\n<div id="link2">
\nLink 2
\n<\/div><\/p>\n

<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

A short questionnaire to direct users to the right form using Javscript window.onload = function() { document.getElementById(‘link1’).style.display = ‘none’; document.getElementById(‘link2’).style.display = ‘none’; }; \/\/Clears div box var x, y, z; \/\/assigns variables to radio selections function a1(answer1){ x = answer1; }; function a2(answer2){ y = answer2; }; function a3(answer3){ z = answer3; }; \/\/if all … Continue reading “Events Planning Form Using Javascript”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[18],"class_list":["post-802","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-javascript"],"_links":{"self":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/comments?post=802"}],"version-history":[{"count":0,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/802\/revisions"}],"wp:attachment":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/media?parent=802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/categories?post=802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/tags?post=802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}