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###
... ... ...