Step Three - highlight and copy/paste the following styles into a separate file called quizp.css. Note that you can change the content of this file if you want your quiz to look different.
Step Four - add the following code immediately before the </head> tag in the page where you want the quiz displayed.
<link rel="stylesheet" href="quizp.css" type="text/css">
Step Five - add the following code immediately before the </body> tag in the page where you want the quiz displayed.
Step Six - add the following tags into the body of the page where you want the quiz questions to appear. Note that you can if you wish place other content between these two divs. You can also add more divs if you want to have more than two questions display per page.
Step Seven - the quiz redirects to an answer page at the end of the script with the specific answer page it redirects to being determined by the answers selected during the quiz. The answer pages will all start with the value you entered as analPage in the first form and will have a single letter between 'a' and 'h' on the end. So if you entered 'quizresult' as the prefix for the page names the eight pages you need for the results are quizresulta.htm, quizresultb.htm, quizresultc.htm, quizresultd.htm, quizresulte.htm, quizresultf.htm, quizresultg.htm, and quizresulth.htm. Which of these will be displayed depends on which of the 'personalities' received the highest number of answers. If two or more received the same number of answers then one of those will be selected at random.
This article written by Stephen Chapman, Felgall Pty Ltd.