Sedang Disiapkan

Quiz template HTML5 + jquery

I need html5 + jquery template. This template I will use in my code in future.

Variables should be define in html code. js code should be in separate file.

Example

Phrases list (should be defined in html):

"I think ? there is a difference"

"We can ? it both ways experimentally ? see if ? are the same or not"

"It must ? at the same ? because"

And texts for each "?" should be defined too.

When "I think ? there is a difference" will be scrolled user will see:

it are that not - words and can select one

When "We can ? it both" will be scrolled user will see: do get try

When " experimentally ? see" will be scrolled user will see: are not to still

When "if ? are the same or not" will be scrolled user will see: they

are it before

etc.

if 2 "?" at same time, user will see 2 lists of words: red and blue

and can choose needed word for red and blue "?".

when "?" hide, user will not see any words list.

If user select correct word for "?", correct word will be appear.

If user clicks incorrect word for "?" will be marked as gray. (if they are wrong, they can't try again)

The script will wait for answers only from displayed text. (hidden

"?" will be ignored)

Scrolling time and scoring should be in html variables too.

Please add "I'll use best coding standards." text to your bid.

I need html5 template for this scripts for PC and mobile.

Need to create javascript event for "?" with "?" status: show and hide.
When "?" will be show in scrolling line. Javascript should call event "? - show"
When "?" will be hide in scrolling line. Javascript should call event "? - hide"

Example:

TEXT: There were doors all /around the hall. Each /of them was locked. Alice noticed that one door was the size /of a rat hole. Then she saw a tiny golden key /on a glass table.
She knelt down, and unlocked the tiny door /with the key. /Through the doorway, she could see a beautiful garden. "Oh, I wish I could go /in!" said Alice. But, /of course, she was much /too big. So she locked the door and stood /up.


Here are the words for the top. You can see that the word "of" is used three times.

WORDS: around in of on through too up with

So if the student is viewing "all ? the hall. Each ?"

there would be two lines the same, but the 2nd line would be red and the 2nd "?" would be red (until the first "?" disappears). Then the red line would disappear and the "?" after "Eash" would turn blue.

Kemahiran: HTML, jQuery / Prototaip

Lihat lagi: html5 template code, best html5 template, web design jquery html template, restaurant jquery html template, html template jquery, jquery html css template, template jquery html, jquery html template, create online quiz html template, html css jquery web template, html form quiz jquery, php script html template

Tentang Majikan:
( 0 ulasan ) Zlatoust, Russian Federation

ID Projek: #10398063

Dianugerahkan kepada:

websoftengineers

Hi, I read through the job details extremely carefully and I am absolutely sure that I can do the project very well. In your project description, I have found, you need html5 and jquery template. I’ll define the var Lagi

$30 USD dalam 5 hari
(0 Ulasan)
0.0

3 pekerja bebas membida secara purata $28 untuk pekerjaan ini

umarmariam

Hello, I am web developer with 5 years of experience. Guaranteed satisfaction is major highlight. I work on a milestone basis to ensure client satisfaction. I also ensure money back guarantee for failure of project Lagi

$25 USD dalam sehari
(1 Ulasan)
4.0
kolyfedoriv

Ready to start working immediately. ---------- Skype: softstarinc; Contact me! with regards, Nick

$30 USD dalam 2 hari
(2 Ulasan)
1.0