How to personalize the content users see with a set of questions/answers?

Question

Hi
I have built my website using dreamweaver CS5.5 and would like users to be able to personalize the content that is displayed. Users will first see a page with three questions. Once they have answered the questions, they should then click 'submit' and be transferred to the site with the information most relevant to them, depending on the answers they gave to the questions.
I know how to create froms and the questions with radio buttons, but I cannot figure out how to make the 'Submit' button link to different sites depending on the answers that users have given.I guess this will need some kind of if/then rule in JavaScript that is then linked to the 'Submit' button? I am really not sure how to best do this.
(Note: there is no need for the answers to the survey to be saved as data anywhere if that makes life easier)
Any advice would be greatly appreciated!

Answer 1

Right, here we go, this is the code for the question form (currently still with spry validation):
<form id="Personalize_OvDex" name="Personalize OvDex" method="post" action="">
<p>Question 1: Do you have a faulty gene or a family history of Lynch Syndrome?</p>
<p><span id="spryradio1">
  <label>
    <input type="radio" name="Question1" value="BRCA1" id="Q1_BRCA1" />
    Yes, I have a BRCA1 faulty gene</label>
  <br />
  <label>
    <input type="radio" name="Question1" value="BRCA2" id="Q1_BRCA2" />
    Yes, I have a BRCA2 faulty gene</label>
  <br />
  <label>
    <input type="radio" name="Question1" value="Lynch" id="Q1_Lynch" />
    Yes, I am from a Lynch Syndrome family</label>
  <br />
  <label>
    <input type="radio" name="Question1" value="unclear" id="Q1_unclear" />
    Don’t know, I have not been tested for a faulty gene or my genetic test </label>
  <br />
  <label>
    <input type="radio" name="Question1" value="negative" id="Q1_negative" />
    No, I have been tested and no faulty gene was identified</label>
  <br />
  <span class="radioRequiredMsg">Please make a selection.</span></span></p>
<p>Question 2: Have  you ever had breast cancer? </p>
<p><span id="spryradio2">
  <label>
    <input type="radio" name="Question2" value="noBC" id="Q2_noBC" />
    No, I have never had breast cancer</label>
  <br />
  <label>
    <input type="radio" name="Question2" value="BC" id="Q2_BC" />
    Yes, I have had breast cancer</label>
  <br />
  <span class="radioRequiredMsg">Please make a selection.</span></span></p>
  <p>Question 3: How  old are you?</p>
<p><span id="spryradio3">
  <label>
    <input type="radio" name="Question3" value="u35" id="Q3_u35" />
    under 35</label>
  <br />
  <label>
    <input type="radio" name="Question3" value="35to39" id="Q3_35to39" />
    35 to 39</label>
  <br />
  <label>
    <input type="radio" name="Question3" value="40to49" id="Q3_40to49" />
    40 to 49</label>
  <br />
  <label>
    <input type="radio" name="Question3" value="o50" id="Q3_o50" />
    50 or over</label>
  <br />
  <span class="radioRequiredMsg">Please make a selection.</span></span></p>
  <input name="" type="submit" value="Submit now" formaction="home.html" />
</form>
The sets of answers that correspond to a page is made up of "home_" and then the 'value' of the answers divided by underscores. So for example if someone answers Q1 with BRCA1, Q2 with noBC and Q3 with u35, the page that would link to is called home_BRCA1_noBC_u35.html
Here's a list of the pages for which that above logic works perfectly:
home_BRCA1_noBC_u35.html
home_BRCA1_noBC_35to39.html
home_BRCA1_noBC_40to49.html
home_BRCA1_BC_u35.html
home_BRCA1_BC_35to39.html
home_BRCA1_BC_40to49.html
home_BRCA2_noBC_u35.html
home_BRCA2_noBC_35to39.html
home_BRCA2_noBC_40to49.html
home_BRCA2_BC_u35.html
home_BRCA2_BC_35to39.html
home_BRCA2_BC_40to49.html
home_Lynch_noBC_u35.html
home_Lynch_noBC_35to39.html
home_Lynch_noBC_40to49.html
home_Lynch_BC_u35.html
home_Lynch_BC_35to39.html
home_Lynch_BC_40to49.html
There are just a few exceptions in which it doesn't matter for one or more questions what people answer (then the page name doesn't include the value for that answer). These are:
home_BRCA1_o50.html (This page will appear for those answering Q1 with BRCA1, Q2 with either noBC or BC, and Q3 with o50)
home_BRCA2_o50.html (This page will appear for those answering Q1 with BRCA2, Q2 with either noBC or BC, and Q3 with o50)
home_Lynch_o50.html (This page will appear for those answering Q1 with Lynch, Q2 with either noBC or BC, and Q3 with o50)
home_unclear_noBC (This page will appear for those answering Q1 with unclear, Q2 with noBC, and Q3 with any answer)
home_unclear_BC (This page will appear for those answering Q1 with unclear, Q2 with BC, and Q3 with any answer)
home_negative (This page will appear for those answering Q1 with negative, Q2 with either noBC or BC, and Q3 with any answer)
Hope this includes all the info you wanted. I know it's quite complicated.