You need jQuery + jQuery.ui for this example. This example uses the extension t3jquery. The jQuery code and design of this example is from here: http://archive.plugins.jquery.com/project/Star_Rating_widget You can include it with the static template "My quiz and poll: star rating (rating)". Or copy it to your fileadmin folder and include it like this:
page.includeCSS.file5 = fileadmin/template/ui-stars/jquery.ui.stars.min.css page.headerData.5 = TEXT page.headerData.5.value =
Test it with this TypoScript:
plugin.tx_myquizpoll_pi1 {
isPoll = 1
tableAnswers = tx_myquizpoll_voting
templateFile = EXT:myquizpoll/examples/template_rating_stars1.html
# useCookiesInDays = 30
}
plugin.tx_myquizpoll_pi1.myVars.answers {
input_id = 1
input_label = 1
select = id="stars-rate"
}
plugin.tx_myquizpoll_pi1.rating {
extKey = tx_ttnews
parameter = tt_news
}
Or with:
plugin.tx_myquizpoll_pi1.rating {
extKey =
parameter = id
}
Or with:
plugin.tx_myquizpoll_pi1.rating {
extKey =
parameter =
}
If you don't include jQery always:
includeLibs.t3jquery = EXT:t3jquery/class.tx_t3jquery.php page.11 = USER page.11.userFunc = tx_t3jquery->addJqJS
Now create one question of the type "select-box" with 5 answers.
Note: no breaks allowed in the answers. Breaks: JavaScript-Errors...
Questions page:
1. Empty or reference to TEMPLATE_CAPTCHA_NOT_OK.
2. Reference to TEMPLATE_QUIZ_TIME_LIMIT. REF_QUIZ_LIMIT will be empty if "quizTimeMinutes = 0".
3. Reference to TEMPLATE_PAGE_TIME_LIMIT. REF_PAGE_LIMIT will be empty if "pageTimeSeconds = 0".
4. Multiple reference to TEMPLATE_QUESTION.
5. Reference to TEMPLATE_QUIZ_USER_TO_SUBMIT (dontShowUserData = 0), to TEMPLATE_SUBMIT (dontShowUserData = 1) or to TEMPLATE_NO_SUBMIT (if no rights)
6. Dont delete the marker HIDDENFIELDS !!!!!!!
| ###VAR_QUESTION_IMAGE### |
###NO_SUBMIT###
###DOUBLE_ENTRY###
###NOT_LOGGEDIN###
###CHEATING###
... ... ...