API tools faq
paste
Guest User

Untitled

a guest
Jul 24th, 2012
550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.91 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.     <title>Basic jQuery Quiz Demo Page</title>
  7.     <link rel="shortcut icon" href="/images/favicon.ico" />
  8.     <link rel="Stylesheet" type="text/css" href="css/index.css" />
  9.     <script type="text/javascript" src="/jslib/jquery/jq-all-debug.js"></script>
  10.     <script type="text/javascript" src="js/jQuiz.js"></script>
  11. </head>
  12. <body>
  13.     <h1>jQuiz Demo Page</h1>
  14.     <div class="questionContainer radius">
  15.         <div class="question"><b>Question 1:</b> Inside which HTML element do we put the JavaScript?</div>
  16.         <div class="answers">
  17.             <ul>
  18.                 <li>
  19.                     <label><input type="radio" name="q1" id="q1-a" />&lt;js&gt;</label>
  20.                 </li>
  21.                 <li>
  22.                     <label><input type="radio" name="q1" id="q1-b" />&lt;script&gt;</label>
  23.                 </li>
  24.                 <li>
  25.                     <label><input type="radio" name="q1" id="q1-c" />&lt;scripting&gt;</label>
  26.                 </li>
  27.                 <li>
  28.                     <label><input type="radio" name="q1" id="q1-d" />&lt;javascript&gt;</label>
  29.                 </li>
  30.             </ul>
  31.         </div>
  32.         <div class="btnContainer">
  33.                 <div class="prev"></div>
  34.                 <div class="next">
  35.                     <a class="btnNext">Next &gt;&gt;</a>
  36.                 </div>
  37.                 <div class="clear"></div>
  38.             </div>
  39.     </div>
  40.     <div class="questionContainer hide radius">
  41.         <div class="question"><b>Question 2:</b> What is the correct JavaScript syntax to write "Hello World"?</div>
  42.         <div class="answers">
  43.             <ul>
  44.                 <li>
  45.                     <label><input type="radio" name="q2" id="q2-a" />response.write("Hello World")</label>
  46.                 </li>
  47.                 <li>
  48.                     <label><input type="radio" name="q2" id="q2-b" />("Hello World")</label>
  49.                 </li>
  50.                 <li>
  51.                     <label><input type="radio" name="q2" id="q2-c" />"Hello World"</label>
  52.                 </li>
  53.                 <li>
  54.                     <label><input type="radio" name="q2" id="q2-d" />document.write("Hello World")</label>
  55.                 </li>
  56.             </ul>
  57.         </div>
  58.         <div class="btnContainer">
  59.                 <div class="prev">
  60.                     <a class="btnPrev">&lt;&lt; Prev</a>
  61.                 </div>
  62.                 <div class="next">
  63.                     <a class="btnNext">Next &gt;&gt;</a>
  64.                 </div>
  65.                 <div class="clear"></div>
  66.             </div>
  67.     </div>
  68.     <div class="questionContainer radius hide">
  69.         <div class="question"><b>Question 3:</b> Where is the correct place to insert a JavaScript?</div>
  70.         <div class="answers">
  71.             <ul>
  72.                 <li>
  73.                     <label><input type="radio" name="q3" id="q3-a" />Both the &lt;thead&gt; section and the &lt;body&gt; section are correct</label>
  74.                 </li>
  75.                 <li>
  76.                     <label><input type="radio" name="q3" id="q3-b" />The &lt;body&gt; section</label>
  77.                 </li>
  78.                 <li>
  79.                     <label><input type="radio" name="q3" id="q3-c" />The &lt;head&gt; section</label>
  80.                 </li>
  81.             </ul>
  82.         </div>
  83.         <div class="btnContainer">
  84.                 <div class="prev">
  85.                     <a class="btnPrev">&lt;&lt; Prev</a>
  86.                 </div>
  87.                 <div class="next">
  88.                     <a class="btnNext">Next &gt;&gt;</a>
  89.                 </div>
  90.                 <div class="clear"></div>
  91.             </div>
  92.     </div>
  93.     <div class="questionContainer radius hide">
  94.         <div class="question"><b>Question 4:</b> What is the correct syntax for referring to an external script called "xxx.js"?</div>
  95.         <div class="answers">
  96.             <ul>
  97.                 <li>
  98.                     <label><input type="radio" name="q4" id="q4-a" />&lt;script type="text/javascript" name="xxx.js"&gt;</label>
  99.                 </li>
  100.                 <li>
  101.                     <label><input type="radio" name="q4" id="q4-b" />&lt;script type="text/javascript" href="xxx.js"&gt;</label>
  102.                 </li>
  103.                 <li>
  104.                     <label><input type="radio" name="q4" id="q4-c" />&lt;script type="text/javascript" src="xxx.js"&gt;</label>
  105.                 </li>
  106.             </ul>
  107.         </div>
  108.         <div class="btnContainer">
  109.                 <div class="prev">
  110.                     <a class="btnPrev">&lt;&lt; Prev</a>
  111.                 </div>
  112.                 <div class="next">
  113.                     <a class="btnNext">Next &gt;&gt;</a>
  114.                 </div>
  115.                 <div class="clear"></div>
  116.             </div>
  117.     </div>
  118.     <div class="questionContainer radius hide">
  119.         <div class="question"><b>Question 5:</b> The external JavaScript file must contain the &lt;script&gt; tag?</div>
  120.         <div class="answers">
  121.             <ul>
  122.                 <li>
  123.                     <label><input type="radio" name="q5" id="q5-a" />True</label>
  124.                 </li>
  125.                 <li>
  126.                     <label><input type="radio" name="q5" id="q5-b" />False</label>
  127.                 </li>
  128.             </ul>
  129.         </div>
  130.         <div class="btnContainer">
  131.             <div class="prev">
  132.                 <a class="btnPrev">&lt;&lt; Prev</a>
  133.             </div>
  134.             <div class="next">
  135.                 <a class="btnShowResult">Finish!</a>
  136.             </div>
  137.             <div class="clear"></div>
  138.         </div>
  139.     </div>
  140.     <div class="txtStatusBar">Status Bar</div>
  141.     <div id="progressKeeper" class="radius">
  142.         <div id="progress"></div>
  143.     </div>
  144.     <div id="resultKeeper" class="radius hide"></div>
  145. </body>
  146. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!