modifying the code

[awadrabih]

Please i need to know:
1- if it is possible to arrange the answers lets say on 2 line rather then each answer on a line?
2- how can i create a timer to see if the user solved the game in less then 20 seconds. knowing that i saw the code for the timer but how can i actually setup it and trigger it.

Thank you

[frenski]

Hi awadrabih,

1 - Yes, you can easily do that with just changing two lines in the css: First, add some width of the placeholder element of the answers, for ie:
#fillblank-ph{
width:400px;
margin:auto;
}
Let's say each answer element is 200px wide and you want to have 2 on a line, than the width will be 200px;
Then you go to the plugin css and make the elements float. Where it says ".quizy-fitb-answer{ ...." you add a new property: "float:left;". That's it!

1. This is a bit more complicated question. You can maybe find your own timer you'd like and I will tell you how to integrate it (this is one example: http://www.jqueryscript.net/demo/Simple-jQuery-Html5-Based-360-Degree-Countdown-Timer-countdown360/ ).

[awadrabih]

Hello Frenski,
Thank you for your helpful reply,
This was exactly the timer I integrated with the fillintheblanks JS but i am facing a problem that whenever the player finish from the words, the Timer continue to countdown, I am not being able to pause it. any help in this part would be very appreciated.

on other hand I am working on small modification of the code in order to allow the player to re drag the word after its dropped in a blank and before he finished from all the words. Is that Feasible?

Thank you for your assistance.

[frenski]

Hi,

Sorry for the late response. I was on holidays
You can use your_timer_object.stop(); to stop the timer.

to enable the user re-draggin the element, you should reset it as draggable once again and put it back after remember in a variable it's initial coordinates.

Hope this helps.