I am just doing some exercise with JQuery. I want to create a dynamic questionnaire with JQuery and XML. Here I want to keep my all questions in a XML file. My application should able to select random questions from the XML file and create html content with Question and its answers with radio buttons. Once user submits his response he should able to see the result and Explanation for each question.
HTML Page
- <html>
- <head>
- <title> Creating questionnaire with JQuery and XML </title>
- <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="readXML.js"></script>
- <style>
- .mydiv {
- display:table-cell;
- }
- .mydiv.table-hidden{
- display:none;
- }
- table, th , td
- {
- border: 1px solid grey;
- border-collapse: collapse;
- padding: 5px;
- }
- table tr:nth-child(odd)
- {
- background-color: #f1f1f1;
- }
- table tr:nth-child(even)
- {
- background-color: #ffffff;
- }
- </style>
- </head>
- <body>
- <h2>Creating questionnaire with JQuery and XML</h2> <hr>
- <div id="ContentArea"></div>
- <br><button id="submit">SUBMIT</button>
- </body>
- </html>
SubashPosted Sep 9, 2016, 10:46 AM
Nice one
NitinPosted Mar 10, 2015, 3:11 AM
good one
Vithal WadjePosted Mar 9, 2015, 10:42 AM
Nice start ,keep it up