JQuery automatic exam layout system. For more information, see. Requirement
Generate a multi-page exam based on the provided exam questions (a clean HTML webpage with only "data"). You can flip pages and have time constraints for answering questions, the questions displayed to the user in the exam need to take up as little space as possible (for example, the two shorter options are merged from two rows to one row in the multiple choice questions) the same question should not be displayed across pages to facilitate the answer, the administrator can change the style of the exam (font, color, line spacing, page margin, like the word processing software ......), You can insert descriptive texts between questions (for example, instructions for the respondent to answer ). The answer, option, and description text can contain multimedia information (text, images, lists, tables, videos, etc ......). The number of multiple choice options is unlimited, and the number of multiple choice options is unlimited. Page turning requires customizable animation Effects
The provided exam sample is similar to the following (Input ):
The Code is as follows:
Option: description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description.
- 1. What kind of teacher do you think is a good teacher?
Equal to students, meeting all needs of students
The score of the teaching class is better than that of other parallel classes.
Strict management of students and class classes
Parents care about students' life and mood
- 2. a 15-year-old English teacher who has been teaching for many years is the core backbone of the school. One time I was invited to an external school to introduce my teaching experience. Some teachers on the stage expressed their opinions and asked me a few questions about the English teaching method. She suddenly got stuck. This is because
She has been working too tired recently and is not focused enough.
The opinion of the questioning teacher is very different from that of her.
Due to her long struggle at the front-line of teaching, she is not very concerned about teaching theory issues.
There is little induction and thinking about subject teaching, and it cannot be processed at the moment.
- 3. Which image is the best?
This one looks good.
This one looks good.
This one looks good.
This one looks good.
I don't know.
Fill in blank questions and multiple-choice questions: A lot of instructions. A lot of instructions. A lot of instructions. A lot of instructions. A lot of instructions.
- 4. bright moonlight in front of the bed,
- 5. What kind of teacher do you think is a good teacher?
And
Institute
Yan
Parent
And the score of the class.
Score of the score-based Class
The score of the grading class of the strict class
Ah
Ideas
What should we do in the face of this demand? It seems that JavaScript is used. Later, I decided to use jQuery and Aptana as IDE (although the jQuery support library cannot be installed on Windows, it would be nice to change the OS), and CSS would be used for the format.
Procedure:
Import exam question HTML
Typeset all multiple choice questions and divide one line into four positions, make the option fit in one location, two locations, or four locations as much as possible (that is, the effect of four items in one row, two items in one row, or one item in one row)
Paging all questions
The idea is clear, but it is still troublesome because of the large number of browsers. I am a newbie and have never touched jQuery before ......
Implementation
Page file (different from the example, but in the same format)
The Code is as follows:
No title...
