You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{"payload":{"allShortcutsEnabled":false,"fileTree":{"":{"items":[{"name":"demo","path":"demo","contentType":"directory"},{"name":"lib","path":"lib","contentType":"directory"},{"name":"spec","path":"spec","contentType":"directory"},{"name":"vendor","path":"vendor","contentType":"directory"},{"name":".gitignore","path":".gitignore","contentType":"file"},{"name":".travis.yml","path":".travis.yml","contentType":"file"},{"name":"README.md","path":"README.md","contentType":"file"},{"name":"changelog.md","path":"changelog.md","contentType":"file"},{"name":"demo.html","path":"demo.html","contentType":"file"},{"name":"package.json","path":"package.json","contentType":"file"}],"totalCount":10}},"fileTreeProcessingTime":9.546767,"foldersToFetch":[],"incompleteFileTree":false,"repo":{"id":20952721,"defaultBranch":"master","name":"raty","ownerLogin":"taenyon","currentUserCanPush":false,"isFork":true,"isEmpty":false,"createdAt":"2014-06-18T07:07:04.000Z","ownerAvatar":"https://avatars.githubusercontent.com/u/5361909?v=4","public":true,"private":false,"isOrgOwned":false},"codeLineWrapEnabled":false,"symbolsExpanded":false,"treeExpanded":true,"refInfo":{"name":"master","listCacheKey":"v0:1617449828.3432362","canEdit":false,"refType":"branch","currentOid":"093005958c3c481b256bbd2a8a5013466b038749"},"path":"demo.html","currentUser":null,"blob":{"rawLines":["\u003c!DOCTYPE html\u003e","\u003chtml dir=\"ltr\" lang=\"en-US\"\u003e","\u003chead\u003e","\u003cmeta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"\u003e"," \u003cmeta charset=\"utf-8\"\u003e","\u003cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\"\u003e","\u003cmeta name=\"apple-mobile-web-app-capable\" content=\"yes\"\u003e","\u003cmeta name=\"author\" content=\"Washington Botelho\"\u003e","\u003cmeta name=\"description\" content=\"A Star Rating Plugin\"\u003e","\u003cmeta name=\"google\" content=\"notranslate\"\u003e","\u003cmeta name=\"keywords\" content=\"jquery,plugin,rating,raty,voto,star,staring,classificacao,classificar,votar,plugin\"\u003e","\u003cmeta name=\"robots\" content=\"ALL\"\u003e","\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1, user-scalable=no\"\u003e","","","\u003clink href=\"demo/favicon.ico\" rel=\"shortcut icon\" type=\"image/vnd.microsoft.icon\"\u003e","","\u003ctitle\u003ejQuery Raty | A Star Rating Plugin - Washington Botelho\u003c/title\u003e","","\u003cmeta content=\"authenticity_token\" name=\"csrf-param\"\u003e","",""," \u003clink href=\"demo/stylesheets/labs.css\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\"\u003e","","\u003clink rel=\"stylesheet\" href=\"lib/jquery.raty.css\"\u003e","\u003cstyle\u003e.functions .demo {\r"," margin-bottom: 10px;\r","}\r","\r",".functions .item {\r"," background-color: #FEFEFE;\r"," border-radius: 4px;\r"," display: inline-block;\r"," margin-bottom: 5px;\r"," padding: 5px 10px;\r","}\r","\r",".functions .item a {\r"," border: 1px solid #CCC;\r"," margin-left: 10px;\r"," padding: 5px;\r"," text-decoration: none;\r","}\r","\r",".functions .item input {\r"," display: inline-block;\r"," margin-left: 2px;\r"," padding: 5px 6px;\r"," width: 120px;\r","}\r","\r",".functions .item label {\r"," display: inline-block;\r"," font-size: 1.1em;\r"," font-weight: bold;\r","}\r","\r",".hint {\r"," text-align: center;\r"," width: 160px\r","}\r","\r","div.hint {\r"," font-size: 1.4em;\r"," height: 46px;\r"," margin-top: 15px;\r"," padding: 7px\r","}\r","\u003c/style\u003e","","\u003cscript src=\"vendor/jquery.js\"\u003e\u003c/script\u003e\u003cscript src=\"lib/jquery.raty.js\"\u003e\u003c/script\u003e","\u003cscript src=\"demo/javascripts/labs.js\" type=\"text/javascript\"\u003e\u003c/script\u003e","","\u003c/head\u003e","\u003cbody\u003e"," \u003cdiv class=\"content\"\u003e"," \u003cdiv role=\"banner\" class=\"header\"\u003e"," \u003ch1\u003e\u003ca href=\"/raty\"\u003ejQuery Raty\u003c/a\u003e\u003c/h1\u003e",""," \u003cdiv\u003eA Star Rating Plugin\u003c/div\u003e","\u003c/div\u003e",""," \u003cnav role=\"navigation\" class=\"navigation\"\u003e"," \u003ca href=\"http://github.com/wbotelhos/archive/2.6.0.zip\" class=\"download\" title=\"Download version 2.6.0\"\u003e\u003ci class=\"i-file-zip\"\u003e\u003c/i\u003e v2.6.0\u003c/a\u003e"," \u003ca href=\"http://github.com/wbotelhos/raty\" class=\"i-github\" target=\"blank\" title=\"Github \u0026lt;http://github.com/wbotelhos/raty\u0026gt;\"\u003e\u003c/a\u003e"," \u003ca href=\"http://wbotelhos.com/labs\" class=\"labs i-labs\" target=\"blank\" title=\"Labs \u0026lt;http://wbotelhos.com/labs\u0026gt;\"\u003e\u003c/a\u003e",""," \u003ci class=\"i-heart\" title=\"Thank you! \u0026lt;3\"\u003e\u003c/i\u003e","","\u003cdiv id=\"donations\"\u003e"," \u003ca href=\"http://gittip.com/wbotelhos\" target=\"_blank\"\u003eGit tip\u003c/a\u003e"," \u003cspan\u003e•\u003c/span\u003e"," \u003ca href=\"http://www.paypal.com/cgi-bin/webscr?cmd=_donations\u0026amp;business=X8HEP2878NDEG\u0026amp;item_name=jQuery%20Raty\" target=\"_blank\"\u003ePaypal\u003c/a\u003e","\u003c/div\u003e","","\u003c/nav\u003e","",""," \u003cdiv class=\"clearfix\"\u003e\u003c/div\u003e","","\u003carticle\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003ch1\u003eDefault\u003c/h1\u003e","","\u003cp\u003eYou need just to have a \u003ccode\u003ediv\u003c/code\u003e to build the Raty.\u003c/p\u003e","","\u003cdiv id=\"default\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u0026gt;\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e();\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eScore\u003c/h1\u003e","","\u003cp\u003eUsed when we want starts with a saved rating.\u003c/p\u003e","","\u003cdiv id=\"score\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e3\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eScore callback\u003c/h1\u003e","","\u003cp\u003eIf you need to start you score depending of a dynamic value, you can to use callback for it.\u003cbr\u003e","You can pass any value for it, not necessarily a data- value. You can use a field value for example.\u003c/p\u003e","","\u003cdiv id=\"score-callback\" data-score=\"1\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003edata-score=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"1\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eattr\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'data-score'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eScore Name\u003c/h1\u003e","","\u003cp\u003eChanges the name of the hidden \u003ca href=\"#score\"\u003escore\u003c/a\u003e field.\u003c/p\u003e","","\u003cdiv id=\"scoreName\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003escoreName\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'entity[score]'\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eNumber\u003c/h1\u003e","","\u003cp\u003eChanges the number of stars.\u003c/p\u003e","","\u003cdiv id=\"number\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003enumber\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e10\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eNumber callback\u003c/h1\u003e","","\u003cp\u003eYou can receive the \u003ca href=\"#number\"\u003enumber\u003c/a\u003e of stars dynamic using callback to set it.\u003c/p\u003e","","\u003cdiv id=\"number-callback\" data-number=\"3\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003edata-number=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"3\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003enumber\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eattr\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'data-number'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eNumber Max\u003c/h1\u003e","","\u003cp\u003eChange the maximum of start that can be created.\u003c/p\u003e","","\u003cdiv id=\"numberMax\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003enumberMax\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e5\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003enumber\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e100\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eRead Only\u003c/h1\u003e","","\u003cp\u003eYou can prevent users to vote. It can be applied with or without \u003ca href=\"#score\"\u003escore\u003c/a\u003e and all stars will receives the \u003ca href=\"#hints\"\u003ehint\u003c/a\u003e corresponding of the selected star.\u003cbr\u003e","Stop the mouse over the stars to see:\u003c/p\u003e","","\u003cdiv id=\"readOnly\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003ereadOnly\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e3\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eRead Only callback\u003c/h1\u003e","","\u003cp\u003eYou can decide if the rating will be \u003ca href=\"#readOnly\"\u003ereadOnly\u003c/a\u003e dynamically returning \u003ccode\u003etrue\u003c/code\u003e of \u003ccode\u003efalse\u003c/code\u003e on callback.\u003c/p\u003e","","\u003cdiv id=\"readOnly-callback\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ereadOnly\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"s1\"\u003e'true becomes readOnly'\u003c/span\u003e \u003cspan class=\"o\"\u003e==\u003c/span\u003e \u003cspan class=\"s1\"\u003e'true becomes readOnly'\u003c/span\u003e\u003cspan class=\"p\"\u003e;\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eNo Rated Message\u003c/h1\u003e","","\u003cp\u003eIf \u003ca href=\"#readOnly\"\u003ereadOnly\u003c/a\u003e is enabled and there is no \u003ca href=\"#score\"\u003escore\u003c/a\u003e, the \u003ca href=\"#hint\"\u003ehint\u003c/a\u003e \"Not rated yet!\" will be shown for all stars. But you can change it.\u003cbr\u003e","Stop the mouse over the star to see:\u003c/p\u003e","","\u003cdiv id=\"noRatedMsg\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ereadOnly\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003enoRatedMsg\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"I'am readOnly and I haven't rated yet!\"\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eHalf Show\u003c/h1\u003e","","\u003cp\u003eYou can represent a float \u003ca href=\"#score\"\u003escore\u003c/a\u003e as a half star icon.\u003cbr\u003e","This options is just to \u003cstrong\u003eshow\u003c/strong\u003e the half star. If you want enable the vote with half star on mouseover, please check the option \u003ca href=\"#half\"\u003ehalf\u003c/a\u003e.\u003cbr\u003e","The \u003ccode\u003eround\u003c/code\u003e options showed belows is just for the \u003cstrong\u003eicon\u003c/strong\u003e, the score keeps as \u003cstrong\u003efloat\u003c/strong\u003e always.\u003c/p\u003e","","\u003ch2\u003eEnabled\u003c/h2\u003e","","\u003cp\u003eThe round rules are:\u003c/p\u003e","","\u003cul\u003e","\u003cli\u003eDown: score \u0026lt;= x.25 the star will be rounded down;\u003c/li\u003e","\u003cli\u003eHalf: score \u0026gt;= x.26 and \u0026lt;= x.75 the star will be a half star;\u003c/li\u003e","\u003cli\u003eUp: score \u0026gt;= x.76 the star will be rounded up.\u003c/li\u003e","\u003c/ul\u003e","","\u003cdiv id=\"halfShow-true\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mf\"\u003e3.26\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch2\u003eDisabled\u003c/h2\u003e","","\u003cp\u003eThe rules becomes:\u003c/p\u003e","","\u003cul\u003e","\u003cli\u003eDown: score \u0026lt; x.6 the star will be rounded down;\u003c/li\u003e","\u003cli\u003eUp: score \u0026gt;= x.6 the star will be rounded up;\u003c/li\u003e","\u003c/ul\u003e","","\u003cdiv id=\"halfShow-false\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ehalfShow\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003escore\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mf\"\u003e3.26\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eRound\u003c/h1\u003e","","\u003cp\u003eYou can customize the round values of the \u003ca href=\"#halfShow\"\u003ehalfShow\u003c/a\u003e option.\u003cbr\u003e","We changed the default interval [x.25 .. x.76], now x.26 will round down instead of to be a half star.\u003cbr\u003e","Remember that the \u003ccode\u003efull\u003c/code\u003e attribute is used only when halfShow is disabled.\u003cbr\u003e","You can specify just the attribute you want to change and keeps the others as default.\u003c/p\u003e","","\u003cdiv id=\"round\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eround\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003edown\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"mi\"\u003e26\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003efull\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"mi\"\u003e6\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eup\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"mi\"\u003e76\u003c/span\u003e \u003cspan class=\"p\"\u003e},\u003c/span\u003e"," \u003cspan class=\"nx\"\u003escore\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mf\"\u003e3.26\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eHalf\u003c/h1\u003e","","\u003cp\u003eEnables the half star mouseover to be possible vote with half values.\u003cbr\u003e","If you want to vote with more precison than half value, please check the option \u003ca href=\"#precision\"\u003eprecision\u003c/a\u003e.\u003c/p\u003e","","\u003cdiv id=\"half\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003ehalf\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eStar Half\u003c/h1\u003e","","\u003cp\u003eChanges the name of the half star.\u003cbr\u003e","Pay attention, when you want specify a different icon with a different directory, you must to set the \u003ca href=\"#path\"\u003epath\u003c/a\u003e option to \u003ccode\u003enull\u003c/code\u003e to avoid it to be prepended on your path and, consequently, specify all other icons with explicit original path.\u003c/p\u003e","","\u003cdiv id=\"starHalf\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ehalf\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarHalf\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-half-mono.png'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eYou can to use the size of icon you want.\u003c/p\u003e","","\u003cdiv id=\"size\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarOff\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-off-big.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarOn\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-on-big.png'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eClick\u003c/h1\u003e","","\u003cp\u003eCallback to handle the \u003ca href=\"#score\"\u003escore\u003c/a\u003e and the click \u003ccode\u003eevent\u003c/code\u003e on click action.\u003cbr\u003e","You can mension the Raty element (DOM) itself using \u003ccode\u003ethis\u003c/code\u003e.\u003c/p\u003e","","\u003cdiv id=\"click\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eclick\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ealert\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'ID: '\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eid\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"\\nscore: \"\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"\\nevent: \"\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eClick Prevent\u003c/h1\u003e","","\u003cp\u003eIf you return \u003ccode\u003efalse\u003c/code\u003e into callback, the click action will be prevented.\u003c/p\u003e","","\u003cdiv id=\"click-prevent\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eclick\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ealert\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'Score will not change.'\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e"," \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e\u003cspan class=\"p\"\u003e;\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eHints\u003c/h1\u003e","","\u003cp\u003eChanges the hint for each star by it position on array.\u003cbr\u003e","If you pass \u003ccode\u003enull\u003c/code\u003e, the \u003ca href=\"#score\"\u003escore\u003c/a\u003e value of this star will be the hint.\u003cbr\u003e","If you pass \u003ccode\u003eundefined\u003c/code\u003e, this position will be ignored and receive the default hint.\u003c/p\u003e","","\u003cdiv id=\"hints\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003ehints\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e[\u003c/span\u003e\u003cspan class=\"s1\"\u003e'a'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"kc\"\u003enull\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s1\"\u003e''\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s1\"\u003e'*_*'\u003c/span\u003e\u003cspan class=\"p\"\u003e]});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003ePath\u003c/h1\u003e","","\u003cp\u003eChanges the path where your icons are located.\u003cbr\u003e","Set it only if you want the same path for all icons.\u003cbr\u003e","Don't mind about the last slash of the path, if you don't put it, it will be setted for you.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003epath\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'assets/images'\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eNow we have the following full paths: \u003cstrong\u003eassets/images/star-on.png\u003c/strong\u003e, \u003cstrong\u003eassets/images/star-off.png\u003c/strong\u003e and so.\u003c/p\u003e","","\u003ch1\u003ePath Callback\u003c/h1\u003e","","\u003cp\u003eYou can set the path dinamically using callback.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003edata-path=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"assets/images\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003epath\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003egetAttribute\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'data-path'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eStar Off and Star On\u003c/h1\u003e","","\u003cp\u003eC
8000
hanges the name of the star on and star off.\u003c/p\u003e","","\u003cdiv id=\"star-off-and-star-on\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarOff\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'off.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarOn\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'on.png'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eCancel\u003c/h1\u003e","","\u003cp\u003eAdd a cancel button on the left side of the stars to cacel the \u003ca href=\"#score\"\u003escore\u003c/a\u003e.\u003cbr\u003e","Inside the \u003ca href=\"#click\"\u003eclick\u003c/a\u003e callback the argument code receives the value \u003ccode\u003enull\u003c/code\u003e when we click on cancel button.\u003c/p\u003e","","\u003cdiv id=\"cancel\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eCancel Hint\u003c/h1\u003e","","\u003cp\u003eLike the stars, the \u003ca href=\"#cancel\"\u003ecancel\u003c/a\u003e button have a hint too, and you can change it.\u003cbr\u003e","Stop the mouse over the cancel button to see:\u003c/p\u003e","","\u003cdiv id=\"cancelHint\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancelHint\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'My cancel hint!'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eCancel Place\u003c/h1\u003e","","\u003cp\u003eChanges the \u003ca href=\"#cancel\"\u003ecancel\u003c/a\u003e button to the right side.\u003c/p\u003e","","\u003cdiv id=\"cancelPlace\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancelPlace\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'right'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eCancel off and Cancel On\u003c/h1\u003e","","\u003cp\u003eChanges the on and off icon of the \u003ca href=\"#cancel\"\u003ecancel\u003c/a\u003e button.\u003c/p\u003e","","\u003cdiv id=\"cancel-off-and-cancel-on\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancelOff\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'cancel-off.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancelOn\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'cancel-on.png'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eIcon Range\u003c/h1\u003e","","\u003cp\u003eIt's an array of objects where each one represents a custom icon.\u003cbr\u003e","The \u003ccode\u003erange\u003c/code\u003e attribute is until wich position the icon will be displayed.\u003cbr\u003e","The \u003ccode\u003eon\u003c/code\u003e attribute is the active icon.\u003cbr\u003e","The \u003ccode\u003eoff\u003c/code\u003e attribute is the inactive icon.\u003c/p\u003e","","\u003cdiv id=\"iconRange\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eiconRange\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e[\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e1\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'1.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eoff\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'0.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e},\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e2\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'2.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eoff\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'0.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e},\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e3\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'3.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eoff\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'0.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e},\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e4\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'4.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eoff\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'0.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e},\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e5\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'5.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eoff\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'0.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e}\u003c/span\u003e"," \u003cspan class=\"p\"\u003e]\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eYou can use an interval of the same icon jumping some number.\u003cbr\u003e","The \u003ccode\u003erange\u003c/code\u003e attribute must be in an ascending order.\u003cbr\u003e","If the value \u003ccode\u003eon\u003c/code\u003e or \u003ccode\u003eoff\u003c/code\u003e is omitted then the attribute \u003ccode\u003estarOn\u003c/code\u003e and \u003ccode\u003estarOff\u003c/code\u003e will be used.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarOff\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'0.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eiconRange\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e[\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e1\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'1.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e},\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e3\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'3.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e},\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003erange\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e5\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'5.png'\u003c/span\u003e \u003cspan class=\"p\"\u003e}\u003c/span\u003e"," \u003cspan class=\"p\"\u003e]\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eNow we have all off icons as \u003cstrong\u003e0.png\u003c/strong\u003e, icons 1 and 2 as \u003cstrong\u003e1.png\u003c/strong\u003e, icon 3 as \u003cstrong\u003e3.png\u003c/strong\u003e and icons 4 and 5 as \u003cstrong\u003e5.png\u003c/strong\u003e. \u003c/p\u003e","","\u003ch1\u003eTarget\u003c/h1\u003e","","\u003cp\u003eSome place to display the \u003ca href=\"#hints\"\u003ehints\u003c/a\u003e or the \u003ca href=\"#cancelHint\"\u003ecancelHint\u003c/a\u003e.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etarget\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'#hint'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eYour target can be a \u003ccode\u003ediv\u003c/code\u003e.\u003c/p\u003e","","\u003cdiv id=\"target-div\"\u003e\u003c/div\u003e","","\u003cdiv id=\"target-div-hint\" class=\"input hint\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003eid=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"hint\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eYour target can be a \u003ccode\u003etext\u003c/code\u003e field.\u003c/p\u003e","","\u003cdiv id=\"target-text\"\u003e\u003c/div\u003e","","\u003cp\u003e\u003cinput id=\"target-text-hint\" type=\"text\" class=\"input hint\"\u003e\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;input\u003c/span\u003e \u003cspan class=\"na\"\u003eid=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"hint\"\u003c/span\u003e \u003cspan class=\"na\"\u003etype=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"text\"\u003c/span\u003e \u003cspan class=\"nt\"\u003e/\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eYour target can be a \u003ccode\u003etextarea\u003c/code\u003e.\u003c/p\u003e","","\u003cdiv id=\"target-textarea\"\u003e\u003c/div\u003e","","\u003cp\u003e\u003ctextarea id=\"target-textarea-hint\" class=\"input hint\"\u003e\u003c/textarea\u003e\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;textarea\u003c/span\u003e \u003cspan class=\"na\"\u003eid=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"hint\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u0026lt;/textarea\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eYour target can be a \u003ccode\u003eselect\u003c/code\u003e.\u003c/p\u003e","","\u003cdiv id=\"target-select\"\u003e\u003c/div\u003e","","\u003cp\u003e\u003cselect id=\"target-select-hint\" class=\"input hint\"\u003e\u003cbr\u003e"," \u003coption value=\"\"\u003e--\u003c/option\u003e","\u003cbr\u003e"," \u003coption value=\"bad\"\u003ebad\u003c/option\u003e","\u003cbr\u003e"," \u003coption value=\"poor\"\u003epoor\u003c/option\u003e","\u003cbr\u003e"," \u003coption value=\"regular\"\u003eregular\u003c/option\u003e","\u003cbr\u003e"," \u003coption value=\"good\"\u003egood\u003c/option\u003e","\u003cbr\u003e"," \u003coption value=\"gorgeous\"\u003egorgeous\u003c/option\u003e","\u003cbr\u003e","\u003c/select\u003e\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;select\u003c/span\u003e \u003cspan class=\"na\"\u003eid=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"hint\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nt\"\u003e\u0026lt;option\u003c/span\u003e \u003cspan class=\"na\"\u003evalue=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003e--\u003cspan class=\"nt\"\u003e\u0026lt;/option\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nt\"\u003e\u0026lt;option\u003c/span\u003e \u003cspan class=\"na\"\u003evalue=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"bad\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003ebad\u003cspan class=\"nt\"\u003e\u0026lt;/option\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nt\"\u003e\u0026lt;option\u003c/span\u003e \u003cspan class=\"na\"\u003evalue=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"poor\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003epoor\u003cspan class=\"nt\"\u003e\u0026lt;/option\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nt\"\u003e\u0026lt;option\u003c/span\u003e \u003cspan class=\"na\"\u003evalue=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"regular\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003eregular\u003cspan class=\"nt\"\u003e\u0026lt;/option\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nt\"\u003e\u0026lt;option\u003c/span\u003e \u003cspan class=\"na\"\u003evalue=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"good\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003egood\u003cspan class=\"nt\"\u003e\u0026lt;/option\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nt\"\u003e\u0026lt;option\u003c/span\u003e \u003cspan class=\"na\"\u003evalue=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"gorgeous\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003egorgeous\u003cspan class=\"nt\"\u003e\u0026lt;/option\u0026gt;\u003c/span\u003e","\u003cspan class=\"nt\"\u003e\u0026lt;/select\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eTarget Type\u003c/h1\u003e","","\u003cp\u003eYou have the option \u003ccode\u003ehint\u003c/code\u003e or \u003ccode\u003escore\u003c/code\u003e to chosse.\u003cbr\u003e","You can choose to see the \u003ca href=\"#score\"\u003escore\u003c/a\u003e instead the \u003ca href=\"#hints\"\u003ehints\u003c/a\u003e using the value \u003ccode\u003escore\u003c/code\u003e.\u003cbr\u003e","For the \u003ca href=\"#cancel\"\u003ecancel\u003c/a\u003e button the value is empty.\u003c/p\u003e","","\u003cdiv id=\"targetType\"\u003e\u003c/div\u003e","","\u003cdiv id=\"targetType-hint\" class=\"input hint\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etarget\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'#hint'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etargetType\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'number'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eTarget Keep\u003c/h1\u003e","","\u003cp\u003eIf you want to keep the \u003ca href=\"#score\"\u003escore\u003c/a\u003e into the hint box after you do the rating, turn on this option.\u003c/p\u003e","","\u003cdiv id=\"targetKeep\"\u003e\u003c/div\u003e","","\u003cdiv id=\"targetKeep-hint\" class=\"input hint\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etarget\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'#hint'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etargetKeep\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eTarget Text\u003c/h1\u003e","","\u003cp\u003eNormally all \u003ca href=\"#target-div\"\u003etarget\u003c/a\u003e is keeped blank if you don't use the \u003ca href=\"#targetKeep\"\u003etargetKeep\u003c/a\u003e option.\u003cbr\u003e","If you want a default content you can use this option.\u003c/p\u003e","","\u003cdiv id=\"targetText\"\u003e\u003c/div\u003e","","\u003cdiv id=\"targetText-hint\" class=\"input hint\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etarget\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'#hint'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etargetText\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'--'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eTarget Format\u003c/h1\u003e","","\u003cp\u003eYou can choose a template to be merged with your hints and displayed on \u003ca href=\"#target-div\"\u003etarget\u003c/a\u003e.\u003c/p\u003e","","\u003cdiv id=\"targetFormat\"\u003e\u003c/div\u003e","","\u003cdiv id=\"targetFormat-hint\" class=\"input hint\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etarget\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'#hint'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etargetFormat\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'Rating: {score}'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eTarget Score\u003c/h1\u003e","","\u003cp\u003eYou can keep the score value inside the binded element by default or choose where to put it.\u003cbr\u003e","If you change the score target, the default score field won't be created.\u003cbr\u003e","It is not like \u003ca href=\"#target-div\"\u003etarget\u003c/a\u003e option for display purpose, it is the real current score data.\u003c/p\u003e","","\u003cdiv id=\"targetScore\"\u003e\u003c/div\u003e","","\u003cp\u003e\u003cinput id=\"target-score\" type=\"text\" class=\"input hint\"\u003e\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etargetScore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'#target'\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eMouseover\u003c/h1\u003e","","\u003cp\u003eYou can handle the action on mouseover.\u003cbr\u003e","The arguments is the same of the \u003ca href=\"#click\"\u003eclick\u003c/a\u003e callback.\u003cbr\u003e","The options \u003ca href=\"#target-div\"\u003etarget\u003c/a\u003e, \u003ca href=\"#targetFormat\"\u003etargetFormat\u003c/a\u003e, \u003ca href=\"#targetKeep\"\u003etargetKeep\u003c/a\u003e, \u003ca href=\"#targetText\"\u003etargetText\u003c/a\u003e and \u003ca href=\"#targetType\"\u003etargetType\u003c/a\u003e are abstractions of this callback. You can do it by yourself.\u003c/p\u003e","","\u003cdiv id=\"mouseover\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003emouseover\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ealert\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'ID: '\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eid\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"\\nscore: \"\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"\\nevent: \"\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eMouseout\u003c/h1\u003e","","\u003cp\u003eYou can handle the action on mouseout.\u003cbr\u003e","The arguments is the same of the \u003ca href=\"#mouseover\"\u003emouseover\u003c/a\u003e callback.\u003c/p\u003e","","\u003cdiv id=\"mouseout\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003emouseout\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ealert\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'ID: '\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eattr\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'id'\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"\\nscore: \"\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"\\nevent: \"\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003ePrecision\u003c/h1\u003e","","\u003cp\u003eYou can get the right position of the cursor to get a precision \u003ca href=\"#score\"\u003escore\u003c/a\u003e.\u003cbr\u003e","The star is represented just as half and full star, but the \u003ca href=\"#score\"\u003escore\u003c/a\u003e is saved with precision.\u003cbr\u003e","When you enable this option the \u003ca href=\"#half\"\u003ehalf\u003c/a\u003e options is automatically enabled and \u003ca href=\"#targetType\"\u003etargetType\u003c/a\u003e is changed to \u003ccode\u003escore\u003c/code\u003e.\u003c/p\u003e","","\u003cdiv id=\"precision\"\u003e\u003c/div\u003e","","\u003cdiv id=\"precision-hint\" class=\"input hint\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#precision'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancelOff\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'cancel-off.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancelOn\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'cancel-on.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003epath\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'demo/images'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarHalf\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-half.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarOff\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-off.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarOn\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-on.png'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etarget\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'#precision-hint'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003etargetKeep\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e",""," \u003cspan class=\"nx\"\u003eprecision\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eSpace\u003c/h1\u003e","","\u003cp\u0
8000
03eYou can take off the space between the star.\u003c/p\u003e","","\u003cdiv id=\"space\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#space'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003espace\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eSingle\u003c/h1\u003e","","\u003cp\u003eYou can turn on just the mouseovered star instead all from the first until that one.\u003c/p\u003e","","\u003cdiv id=\"single\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#single'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003esingle\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eStar Type\u003c/h1\u003e","","\u003cp\u003eIt lets you to change the star element type. Changing it from \u003ccode\u003eimg\u003c/code\u003e to \u003ccode\u003ei\u003c/code\u003e, for example, gives you the change to use font instead image. There is a sample CSS (\u003ccode\u003edemo/stylesheets/jquery.raty.css\u003c/code\u003e) using a sample fonts (\u003ccode\u003edemo/fonts/jquery.raty.[eot|svg|ttf|woff]\u003c/code\u003e).\u003c/p\u003e","","\u003cp\u003eTo be easier to use, we replace the dot (.) extension to hyphen (-), so you do not need to change the original names, just set the names to your fonts. We recommend you use the \u003ca href=\"http://icomoon.io\"\u003eIco Moon\u003c/a\u003e app to be possible to download only the icons you need and rename it.\u003c/p\u003e","","\u003cdiv id=\"starType\"\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ehalf\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003estarType\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'i'\u003c/span\u003e ","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eChanging the settings globally\u003c/h1\u003e","","\u003cp\u003eYou can change any option mentioning the scope \u003ccode\u003e$.fn.raty.defaults.OPTION = VALUE;\u003c/code\u003e. It must be called before you bind the plugin.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003efn\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003edefaults\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003epath\u003c/span\u003e \u003cspan class=\"o\"\u003e=\u003c/span\u003e \u003cspan class=\"nx\"\u003eassets\u003c/span\u003e\u003cspan class=\"p\"\u003e;\u003c/span\u003e","\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003efn\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003edefaults\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e \u003cspan class=\"o\"\u003e=\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003ch1\u003eOptions\u003c/h1\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ecancel\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eCreates a cancel button to cancel the rating.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ecancelClass\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'raty-cancel'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eName of cancel's class.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ecancelHint\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'Cancel this rating!'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eThe cancel's button hint.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ecancelOff\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'cancel-off.png'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eIcon used on active cancel.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ecancelOn\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'cancel-on.png'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eIcon used inactive cancel.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ecancelPlace\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'left'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eCancel's button position.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003eclick\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eCallback executed on rating click.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ehalf\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eEnables half star selection.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ehalfShow\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eEnables half star display.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ehints\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e[\u003c/span\u003e\u003cspan class=\"s1\"\u003e'bad'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s1\"\u003e'poor'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s1\"\u003e'regular'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s1\"\u003e'good'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s1\"\u003e'gorgeous'\u003c/span\u003e\u003cspan class=\"p\"\u003e]\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eHints used on each star.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003eiconRange\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eObject list with position and icon on and off to do a mixed icons.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003emouseout\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eCallback executed on mouseout.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003emouseover\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eCallback executed on mouseover.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003enoRatedMsg\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'Not rated yet!'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eHint for no rated elements when it's \u003ca href=\"#readOnly\"\u003ereadOnly\u003c/a\u003e.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003enumber\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e5\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eNumber of stars that will be presented.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003enumberMax\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e20\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eMax of star the option \u003ca href=\"#number\"\u003enumber\u003c/a\u003e can creates.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003epath\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eA global locate where the icon will be looked.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003eprecision\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eEnables the selection of a precision score.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ereadOnly\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eTurns the rating read-only.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003eround\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003edown\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"mi\"\u003e25\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003efull\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"mi\"\u003e6\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eup\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"mi\"\u003e76\u003c/span\u003e \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eIncluded values attributes to do the \u003ca href=\"#score\"\u003escore\u003c/a\u003e round math.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eInitial rating.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003escoreName\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'score'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eName of the hidden field that holds the score value.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003esingle\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eEnables just a single star selection.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003espace\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003ePuts space between the icons.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003estarHalf\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-half.png'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eThe name of the half star image.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003estarOff\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-off.png'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eName of the star image off.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003estarOn\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'star-on.png'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eName of the star image on.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003etarget\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eElement selector where the \u003ca href=\"#score\"\u003escore\u003c/a\u003e will be displayed.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003etargetFormat\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'{score}'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eTemplate to interpolate the \u003ca href=\"#score\"\u003escore\u003c/a\u003e in.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003etargetKeep\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003efalse\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eIf the last rating value will be keeped after mouseout.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003etargetText\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e''\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eDefault text setted on \u003ca href=\"target\"\u003etarget\u003c/a\u003e.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003etargetType\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'hint'\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eOption to choose if \u003ca href=\"target\"\u003etarget\u003c/a\u003e will receive hint or the score number.\u003c/p\u003e","","\u003ch1\u003eFunctions\u003c/h1\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'score'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eGet the current score. If there is no score then undefined will be returned.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'score'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003enumber\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eSet a score.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'click'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003enumber\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eClick on some star. It always call the click callback if it exists.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'.star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'readOnly'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"kr\"\u003eboolean\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eChange the read-only state.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'cancel'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"kr\"\u003eboolean\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eCancel the rating. The boolean parameter tells if the click will be called or not. If you ommit it, false it will be.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'reload'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eReload the rating with the same configuration it was binded.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'set'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"nx\"\u003eoption\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"nx\"\u003evalue\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eReset the rating with new configurations. Only options especified will be overrided.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'destroy'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eDestroy the bind and gives you the raw element before the bind.\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'move'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003enumber\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eMove the mouse to the given score point position.\u003c/p\u003e","","\u003ch1\u003eFunctions demo\u003c/h1\u003e","","\u003cdiv class=\"functions\"\u003e"," \u003cdiv class=\"demo\"\u003e"," \u003cdiv id=\"functions\"\u003e\u003c/div\u003e"," \u003cdiv id=\"functions-hint\" class=\"input hint\"\u003e\u003c/div\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"score-function\"\u003escore:\u003c/label\u003e"," \u003cinput id=\"score-function\" type=\"text\" value=\"1\" class=\"input\"\u003e"," \u003ca id=\"score-function-run\" href=\"javascript:void(0);\" title=\"score\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"click-function\"\u003eclick:\u003c/label\u003e"," \u003cinput id=\"click-function\" type=\"text\" value=\"2\" class=\"input\"\u003e"," \u003ca id=\"click-function-run\" href=\"javascript:void(0);\" title=\"click\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"readOnly-function\"\u003ereadOnly:\u003c/label\u003e"," \u003cinput id=\"readOnly-function\" type=\"text\" value=\"true\" class=\"input\"\u003e"," \u003ca id=\"readOnly-function-run\" href=\"javascript:void(0);\" title=\"readOnly\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"cancel-function\"\u003ecancel:\u003c/label\u003e"," \u003cinput id=\"cancel-function\" type=\"text\" value=\"true\" class=\"input\"\u003e"," \u003ca id=\"cancel-function-run\" href=\"javascript:void(0);\" title=\"cancel\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"reload-function\"\u003ereload:\u003c/label\u003e"," \u003cinput id=\"reload-function\" type=\"text\" value=\"true\" disabled class=\"input\"\u003e"," \u003ca id=\"reload-function-run\" href=\"javascript:void(0);\" title=\"reload\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"get-score-function\"\u003escore:\u003c/label\u003e"," \u003cinput id=\"get-score-function\" type=\"text\" value=\"get\" disabled class=\"input\"\u003e"," \u003ca id=\"get-score-function-run\" href=\"javascript:void(0);\" title=\"get score\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"set-score-function\"\u003escore:\u003c/label\u003e"," \u003cinput id=\"set-score-function\" type=\"text\" value=\"3\" class=\"input\"\u003e"," \u003ca id=\"set-score-function-run\" href=\"javascript:void(0);\" title=\"set score\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"set-function\"\u003eset:\u003c/label\u003e"," \u003cinput id=\"set-function\" type=\"text\" value=\"{ cancel: false }\" class=\"input\"\u003e"," \u003ca id=\"set-function-run\" href=\"javascript:void(0);\" title=\"set\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"destroy-function\"\u003edestroy:\u003c/label\u003e"," \u003cinput id=\"destroy-function\" type=\"text\" value=\"true\" disabled class=\"input\"\u003e"," \u003ca id=\"destroy-function-run\" href=\"javascript:void(0);\" title=\"destroy\"\u003erun\u003c/a\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"item\"\u003e"," \u003clabel for=\"move-function\"\u003emove:\u003c/label\u003e"," \u003cinput id=\"move-function\" type=\"text\" value=\"3.7\" class=\"input\"\u003e"," \u003ca id=\"move-function-run\" href=\"javascript:void(0);\" title=\"move\"\u003erun\u003c/a\u003e"," \u003c/div\u003e","\u003c/div\u003e","","\u003ch1\u003eTests\u003c/h1\u003e","","\u003cp\u003eThis plugin is tested to work better. \u003ca href=\"spec/run.html\"\u003eCheck it out!\u003c/a\u003e\u003c/p\u003e",""," \u003c/div\u003e","\u003c/article\u003e","","\u003cdiv class=\"share\"\u003e"," \u003cp\u003eShare it!\u003c/p\u003e",""," \u003cdiv class=\"twitter\"\u003e\u003ca href=\"https://twitter.com/intent/tweet?text=%22jQuery+Raty+-+A+Star+Rating+Plugin%22+%7E\u0026amp;url=http%3A%2F%2Fwbotelhos.com%2Fraty\u0026amp;via=wbotelhos\" target=\"_blank\" title=\"via Twitter\"\u003e\u003ci class=\"i-twitter\"\u003e\u003c/i\u003e\u003c/a\u003e\u003c/div\u003e","\u003c/div\u003e","","","\u003csection class=\"comments\"\u003e"," \u003col\u003e"," \u003cli id=\"comment-756\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/3150fd42a3442786a74afdae5c6a93d9?d=mm\" title=\"anon\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eanon\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eWow, I'm impressed. This is very nice\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-756\" class=\"anchor\" title=\"Link to this comment\"\u003e#756\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e","\u003cli id=\"comment-754\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/ae4944c7330826ba11eb7b3d099e8e8b?d=mm\" title=\"Waleed\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eWaleed\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi,\u003c/p\u003e","","\u003cp\u003eIs it possible to have a different image on hovering and different for a set rating. For example normally if i have a 3 star out of 5 star rating already set as the average user rating, so the 3 stars are yellow. What if while hovering over the stars i want to have orange stars showing your hover selection and when you select it say 4 star you set 4 stars yellow\u003c/p\u003e","","\u003cp\u003ethanks\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-754\" class=\"anchor\" title=\"Link to this comment\"\u003e#754\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-762\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eWaleed,\u003c/p\u003e","","\u003cp\u003eThe \u003ca href=\"#comment-752\"\u003esame request\u003c/a\u003e of Alex.\u003cbr\u003e","Please, open an issue.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-762\" class=\"anchor\" title=\"Link to this comment\"\u003e#762\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-752\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/3f7f9ad4799ea029e522954e34c8c107?d=mm\" title=\"alex\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003ealex\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eFeature Request:\u003c/p\u003e","","\u003cp\u003eIt would be nice if there were 4 states with 4 images. Currently this is used only for ON or OFF, so you can show only what the user has voted for before or what they are voting for now. Many sites have a need to show the average vote across all users as well. In that case you would need 4 states (OFF, ON-USER, ON-COMMUNITY, ON-BOTH). That way you can show both how this particular user voted as well as the average community vote.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-752\" class=\"anchor\" title=\"Link to this comment\"\u003e#752\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-761\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003ealex,\u003c/p\u003e","","\u003cp\u003eIt is a lot more code and I don't know if is a good idea.\u003cbr\u003e","The plugins is big enough. But open an issue and lats watch the +1's.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-761\" class=\"anchor\" title=\"Link to this comment\"\u003e#761\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-751\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/dac5c46d3e520fc0109b91330e47d208?d=mm\" title=\"Shawn\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eShawn\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eWashington,\u003c/p\u003e","","\u003cp\u003eFirst, thank you for writing and sharing this. It has saved me a lot of time and works great! \u003c/p\u003e","","\u003cp\u003eSecond, I do have one small issue with cancel. It seems to work great in non-IE browsers (figures). In IE, it clears the rating when I mouseover the cancel image but as soon as I move my mouse off of the cancel image, my rating is reset to the original. Any ideas?\u003c/p\u003e","","\u003cp\u003eThanks again, \u003cbr\u003e","Shawn\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-751\" class=\"anchor\" title=\"Link to this comment\"\u003e#751\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u
8000
003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-760\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eShawn,\u003c/p\u003e","","\u003cp\u003eCould you open an issue?\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-760\" class=\"anchor\" title=\"Link to this comment\"\u003e#760\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-749\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/4634c4710a9ee6f9002ce1d20228a9eb?d=mm\" title=\"Elad\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eElad\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi,\u003c/p\u003e","","\u003cp\u003eI am trying to change the to readonly onclick but it is not working.\u003c/p\u003e","","\u003cp\u003eHere is my code (my div's ID is starRating):\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"o\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"nx\"\u003escript\u003c/span\u003e\u003cspan class=\"o\"\u003e\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#starRating'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eclick\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#starRating'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'readOnly'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e"," \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003cspan class=\"o\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"err\"\u003e/script\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eWhat am I doing wrong?\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-749\" class=\"anchor\" title=\"Link to this comment\"\u003e#749\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-759\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eElad,\u003c/p\u003e","","\u003cp\u003eI run you code and it works.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-759\" class=\"anchor\" title=\"Link to this comment\"\u003e#759\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-747\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/5915c9422895966a496a8aa6e63f7010?d=mm\" title=\"Teo Dragovic\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eTeo Dragovic\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi,\u003c/p\u003e","","\u003cp\u003eis it possible to extend plugin so it outputs \u003ccode\u003e\u0026lt;span\u0026gt;\u003c/code\u003e element with starOn and starOff as classes? I'm thinking of using icon font instead of images.\u003c/p\u003e","","\u003cp\u003eThanks.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-747\" class=\"anchor\" title=\"Link to this comment\"\u003e#747\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-757\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eTeo Dragovic,\u003c/p\u003e","","\u003cp\u003eYes, use the version 2.6.0 with option \u003ccode\u003estarType\u003c/code\u003e.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-757\" class=\"anchor\" title=\"Link to this comment\"\u003e#757\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-721\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/a6054cbf21f02625367e3c88e1da0f8a?d=mm\" title=\"Tatiana Perere\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eTatiana Perere\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi!\u003c/p\u003e","","\u003cp\u003eI want only the star selected get marked. How can I do that?\u003c/p\u003e","","\u003cp\u003eThank you!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-721\" class=\"anchor\" title=\"Link to this comment\"\u003e#721\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-744\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eTatiana Perere,\u003c/p\u003e","","\u003cp\u003eUse the options \u003ccode\u003esingle\u003c/code\u003e.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-744\" class=\"anchor\" title=\"Link to this comment\"\u003e#744\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e","\u003cli id=\"comment-722\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/a6054cbf21f02625367e3c88e1da0f8a?d=mm\" title=\"Tatiana Perere\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eTatiana Perere\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eDid it changing the js lib.\u003c/p\u003e","","\u003cp\u003eI suggest to add this feature as an option. Very easy to do it.\u003c/p\u003e","","\u003cp\u003eValeu!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-722\" class=\"anchor\" title=\"Link to this comment\"\u003e#722\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-745\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eTatiana Perere,\u003c/p\u003e","","\u003cp\u003eGood job, but it is a option called \u003ccode\u003esingle\u003c/code\u003e.\u003cbr\u003e","But the next time a pull request is a polite thanks.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-745\" class=\"anchor\" title=\"Link to this comment\"\u003e#745\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-746\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/a6054cbf21f02625367e3c88e1da0f8a?d=mm\" title=\"Tatiana Perere\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eTatiana Perere\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eWashington Botelho,\u003c/p\u003e","","\u003cp\u003eHey man, I'm sorry.\u003c/p\u003e","","\u003cp\u003eI undo those changes and I use the single=true option now.\u003c/p\u003e","","\u003cp\u003eBut the mouseOver behavior was bothering me, so I added the code on\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e_bindOver\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e","\u003cspan class=\"k\"\u003eelse\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"k\"\u003eif\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"o\"\u003e!\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eopt\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003esingle\u003c/span\u003e\u003cspan class=\"p\"\u003e){\u003c/span\u003e"," \u003cspan class=\"nx\"\u003emethods\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003e_fill\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ecall\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eand to have the mark action onclick I added the same mouseOut bind to onClick bind:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"k\"\u003eif\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eopt\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003esingle\u003c/span\u003e\u003cspan class=\"p\"\u003e){\u003c/span\u003e"," \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eon\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'click.raty'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"kd\"\u003evar\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e \u003cspan class=\"o\"\u003e=\u003c/span\u003e \u003cspan class=\"nb\"\u003eparseFloat\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eval\u003c/span\u003e\u003cspan class=\"p\"\u003e())\u003c/span\u003e \u003cspan class=\"o\"\u003e||\u003c/span\u003e \u003cspan class=\"kc\"\u003eundefined\u003c/span\u003e\u003cspan class=\"p\"\u003e;\u003c/span\u003e",""," \u003cspan class=\"nx\"\u003emethods\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003e_apply\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ecall\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"nx\"\u003emethods\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003e_target\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ecall\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e",""," \u003cspan class=\"k\"\u003eif\u003c/span\u003e \u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eopt\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emouseout\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eopt\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emouseout\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ecall\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eself\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e"," \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eNow I have a very different behavior when using SINGLE.\u003c/p\u003e","","\u003cp\u003eCheers!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-746\" class=\"anchor\" title=\"Link to this comment\"\u003e#746\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-719\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/728d40265575c53e45fa0778c47ecbbb?d=mm\" title=\"Hussaim\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eHussaim\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eCan i change name of \u003ccode\u003e\u0026lt;input type=\"hidden\"\u0026gt;\u003c/code\u003e?\u003cbr\u003e","i want to assign parent div name to hidden element name\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003eclass=\u003c/span\u003e\u003cspan class=\"s\"\u003e'star'\u003c/span\u003e \u003cspan class=\"na\"\u003ename=\u003c/span\u003e\u003cspan class=\"s\"\u003en\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003e","..","..","..",""," \u003cspan class=\"nt\"\u003e\u0026lt;input\u003c/span\u003e \u003cspan class=\"na\"\u003etype=\u003c/span\u003e\u003cspan class=\"s\"\u003e'hidden'\u003c/span\u003e \u003cspan class=\"na\"\u003ename=\u003c/span\u003e\u003cspan class=\"s\"\u003eparentName\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003e","\u003cspan class=\"nt\"\u003e\u0026lt;div/\u0026gt;\u003c/span\u003e ","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-719\" class=\"anchor\" title=\"Link to this comment\"\u003e#719\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-743\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eHussaim,\u003c/p\u003e","","\u003cp\u003eYes, use the option \u003ccode\u003escoreName\u003c/code\u003e.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-743\" class=\"anchor\" title=\"Link to this comment\"\u003e#743\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-718\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/2eb9f371561aaba13ed4ded358e6a136?d=mm\" title=\"florin\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eflorin\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eSame question as Jing bellow :)\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-718\" class=\"anchor\" title=\"Link to this comment\"\u003e#718\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-742\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eflorin,\u003c/p\u003e","","\u003cp\u003eSame answer! :)\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-742\" class=\"anchor\" title=\"Link to this comment\"\u003e#742\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-717\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/618067e2cb0e4bf960fa14b98aaf584f?d=mm\" title=\"Jing\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eJing\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi!\u003cbr\u003e","I hope after clicking the star become read-only.\u003cbr\u003e","How should do?\u003cbr\u003e","Thanks in advance!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-717\" class=\"anchor\" title=\"Link to this comment\"\u003e#717\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-741\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eJing,\u003c/p\u003e","","\u003cp\u003eInside \u003ccode\u003eclick\u003c/code\u003e callback, calls the \u003ccode\u003ereadOnly\u003c/code\u003e function.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-741\" class=\"anchor\" title=\"Link to this comment\"\u003e#741\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-715\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/a0ea23054a1e071bc746b7fa0b8d4c04?d=mm\" title=\"Joey\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eJoey\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eFirst, thanks for the plugin!\u003c/p\u003e","","\u003cp\u003eI deployed the plugin, but was having trouble with the validation of the rating. I wanted to use my own element to house the score. I used the scoreName \u0026amp; targetScore, but the plugin always creates an element with the same name as the one I created. Is there a way to tell the plugin to no generate an element?\u003c/p\u003e","","\u003cp\u003eThanks!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-715\" class=\"anchor\" title=\"Link to this comment\"\u003e#715\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-740\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eJoey,\u003c/p\u003e","","\u003cp\u003eThe score element is create only if you don't provide a valid (existent) target score: \u003ca href=\"https://github.com/wbotelhos/blob/master/lib/jquery.raty.js#L215\"\u003ehttps://github.com/wbotelhos/blob/master/lib/jquery.raty.js#L215\u003c/a\u003e\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-740\" class=\"anchor\" title=\"Link to this comment\"\u003e#740\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-714\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/f5c79c7fc5770a01431171929fa11e6c?d=mm\" title=\"cesar\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003ecesar\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003ewhen i write the html code with jquery, a click function doesn't work\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s2\"\u003e\"#div1\"\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003ehtml\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s2\"\u003e\"\u0026lt;div id='star' data-score='1'\u0026gt;\u0026lt;/div\u0026gt;\"\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003ehelp me please and excusa me, a dont speak english :D\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-714\" class=\"anchor\" title=\"Link to this comment\"\u003e#714\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-739\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003ecesar,\u003c/p\u003e","","\u003cp\u003eIt should be work, since you bind the Raty after the HTML is on body.\u003cbr\u003e","Try:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"kd\"\u003evar\u003c/span\u003e \u003cspan class=\"nx\"\u003estar\u003c/span\u003e \u003cspan class=\"o\"\u003e=\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'\u0026lt;div id=\"star\" data-score=\"1\"\u0026gt;\u0026lt;/div\u0026gt;'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eappendTo\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#div1'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","","\u003cspan class=\"nx\"\u003estar\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e();\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-739\" class=\"anchor\" title=\"Link to this comment\"\u003e#739\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-713\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/8a7eb9231635fc348203a6a5e398fef5?d=mm\" title=\"rent-aroom\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://www.rent-aroom.com/rate-our-service\" target=\"_blank\"\u003erent-aroom\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eThank you for the script. Looking great :-)\u003c/p\u003e","","\u003cp\u003e\u003ca href=\"http://www.rent-aroom.com/rate-our-service\"\u003ehttp://www.rent-aroom.com/rate-our-service\u003c/a\u003e\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-713\" class=\"anchor\" title=\"Link to this comment\"\u003e#713\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-738\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003erent-aroom,\u003c/p\u003e","","\u003cp\u003eGood to hear that.\u003cbr\u003e","Great job and thanks! (:\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-738\" class=\"anchor\" title=\"Link to this comment\"\u003e#738\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-710\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/daa3ff6d45f9e36144996cef997b52a5?d=mm\" title=\"John Paul\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eJohn Paul\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eIs there any way to stop the user from submitting another rating after they have already sent one? I am recording these to database and want it to be a one time thing per user. Could I set it to read only after my POST?\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-710\" class=\"anchor\" title=\"Link to this comment\"\u003e#710\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-737\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eJohn Paul,\u003c/p\u003e","","\u003cp\u003eYou can, but it is just JS, Raty can't do it for you.\u003cbr\u003e","You can set it to read-only the time you want, but the time and how you want to do this, is up to you.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-737\" class=\"anchor\" title=\"Link to this comment\"\u003e#737\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-704\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/762d76f623aa73837652480d20126008?d=mm\" title=\"Swagata\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003
8000
e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eSwagata\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eI tried the mouse over but it did not work. on mouse over call back , I was setting the score in a hidden variable , to get it's value on form post.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-704\" class=\"anchor\" title=\"Link to this comment\"\u003e#704\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-736\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eSwagata,\u003c/p\u003e","","\u003cp\u003eRaty already has a hidden field called \u003ccode\u003escore\u003c/code\u003e by default the you can change.\u003cbr\u003e","Your you can use the new option \u003ccode\u003escoreTarget\u003c/code\u003e and decide to where send the score.\u003cbr\u003e","Your you can use your ideia and copy the score for wherever you want.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-736\" class=\"anchor\" title=\"Link to this comment\"\u003e#736\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-701\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9906126bc5f8e48554f27b3002c0cadd?d=mm\" title=\"Marc Stein\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://recippia.herokuapp.com/test.html\" target=\"_blank\"\u003eMarc Stein\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi Washington,\u003c/p\u003e","","\u003cp\u003eI'm having a styling issue with Raty that I've been unable to solve.\u003c/p\u003e","","\u003cp\u003eIf you take a look at \u003ca href=\"http://recippia.herokuapp.com/test.html\"\u003ehttp://recippia.herokuapp.com/test.html\u003c/a\u003e you can see that the stars stack vertically rather than displaying inline. I'v tried overriding the img tag formatting in style.css but this doesn't seem to do the trick. Any thoughts as to how to resolve this?\u003c/p\u003e","","\u003cp\u003eMany thanks in advance,\u003c/p\u003e","","\u003cp\u003eMarc\u003c/p\u003e","","\u003cp\u003eGreat plugin, BTW!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-701\" class=\"anchor\" title=\"Link to this comment\"\u003e#701\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-735\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eMarc Stein,\u003c/p\u003e","","\u003cp\u003eI could not to see the problem.\u003cbr\u003e","But you can set \u003ccode\u003espace: off\u003c/code\u003e to avoid empty space and then manipulate the images.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-735\" class=\"anchor\" title=\"Link to this comment\"\u003e#735\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-696\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/7ea8556715a4d33e151bcf1437cc2568?d=mm\" title=\"Surjit Sidhu\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://surjitsidhu.com\" target=\"_blank\"\u003eSurjit Sidhu\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eI want to display \"based on x reviews\" after stars. how can do this ?\u003cbr\u003e","i tried to modify js function, but does not find exact line to change\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-696\" class=\"anchor\" title=\"Link to this comment\"\u003e#696\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-734\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eSurjit Sidhu,\u003c/p\u003e","","\u003cp\u003eYou need to use the \u003ca href=\"#target-div\"\u003etarget\u003c/a\u003e options.\u003cbr\u003e","But if you want to display the number of reviews, you should keep it on database and display it for your own.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-734\" class=\"anchor\" title=\"Link to this comment\"\u003e#734\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-694\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/c2a125bf6a22088c271ae68a2029f147?d=mm\" title=\"sudarshan\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003esudarshan\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHello sir, nice work.\u003cbr\u003e","I have one doubt I am not getting img of stars when I used it in Codeigniter project. Can you tell me where can I provide Base url for img folder??\u003cbr\u003e","Thanks.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-694\" class=\"anchor\" title=\"Link to this comment\"\u003e#694\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-726\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003esudarshan,\u003c/p\u003e","","\u003cp\u003eThe base URL is up to you and your framework.\u003cbr\u003e","Raty can't provide it for you, sorry.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-726\" class=\"anchor\" title=\"Link to this comment\"\u003e#726\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e","\u003cli id=\"comment-695\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/08cdeee40a7c2a05cd09f10e6d18f7e0?d=mm\" title=\"Vlad\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eVlad\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003esudarshan, \u003c/p\u003e","","\u003cp\u003eHad the same issue, \u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003epath\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'img/'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eif that doesnt work try,\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003ejQuery\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003epath\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'img/'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-695\" class=\"anchor\" title=\"Link to this comment\"\u003e#695\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-727\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eVlad,\u003c/p\u003e","","\u003cp\u003eIt could work, but the case is not the whole Raty, just the images.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-727\" class=\"anchor\" title=\"Link to this comment\"\u003e#727\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e","\u003cli id=\"comment-703\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9041010388ef45fd147e202b733f616e?d=mm\" title=\"Malek\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://sweettutos.wordpress.com\" target=\"_blank\"\u003eMalek\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003ethe slash is added programmatically I noticed.\u003cbr\u003e","So just 'img' and the stars assets should be loaded correctly. Vlad,\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-703\" class=\"anchor\" title=\"Link to this comment\"\u003e#703\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-728\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eMalek,\u003c/p\u003e","","\u003cp\u003eIt was fixed on version 2.5.1: \"The path always was prepend avoiding absolute or different path for each icon.\"\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-728\" class=\"anchor\" title=\"Link to this comment\"\u003e#728\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-692\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/24c63b5f5e5be52f7934a5fa10535221?d=mm\" title=\"Cabel\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eCabel\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eAny easy way to make the stars smaller? Other than that, what a great plugin, keep up the great work. \u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003efn\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003edefaults\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003epath\u003c/span\u003e \u003cspan class=\"o\"\u003e=\u003c/span\u003e \u003cspan class=\"s1\"\u003e'/images'\u003c/span\u003e\u003cspan class=\"p\"\u003e;\u003c/span\u003e","","\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#default'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e();\u003c/span\u003e ",""," \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'.stars'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e \u003cspan class=\"nx\"\u003ereadOnly\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e1\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003esize\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e12\u003c/span\u003e \u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-692\" class=\"anchor\" title=\"Link to this comment\"\u003e#692\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-729\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eCabel,\u003c/p\u003e","","\u003cp\u003eYou can set a default size for all intances.\u003cbr\u003e","But the only way is set the \u003ccode\u003esize\u003c/code\u003e to be possible calculate the right width.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-729\" class=\"anchor\" title=\"Link to this comment\"\u003e#729\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-691\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/0788403895239b40d68eb9c9f43cf00c?d=mm\" title=\"ISEE\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eISEE\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi.\u003cbr\u003e","Now, we can get the score from the callbcak function when the raty was initialized, suck as:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'div'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003eclick\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003eevt\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ealert\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'score: '\u003c/span\u003e \u003cspan class=\"o\"\u003e+\u003c/span\u003e \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003ebut can we get the score in the other function?\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-691\" class=\"anchor\" title=\"Link to this comment\"\u003e#691\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-725\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eISEE,\u003c/p\u003e","","\u003cp\u003eGet the score when it is initialized is on \u003ccode\u003escore\u003c/code\u003e option via \u003ccode\u003efunction() { return 1; }\u003c/code\u003e, not on \u003ccode\u003eclick\u003c/code\u003e.\u003cbr\u003e","On \u003ccode\u003eclick\u003c/code\u003e you get the score choosed, like on \u003ccode\u003emouseover\u003c/code\u003eand \u003ccode\u003emouseout\u003c/code\u003e\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-725\" class=\"anchor\" title=\"Link to this comment\"\u003e#725\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-690\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/b6367e697ad8fa8010315bb21e49fe6a?d=mm\" title=\"Darren Teng\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eDarren Teng\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi Washington, can I set my own title for each star, such as \u003ccode\u003e'good' =\u0026gt; 'Strongly agree'\u003c/code\u003e, \u003ccode\u003e'bad' =\u0026gt; 'Strongly disagree'\u003c/code\u003e?\u003c/p\u003e","","\u003cp\u003eThanks for your great work!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-690\" class=\"anchor\" title=\"Link to this comment\"\u003e#690\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-723\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eDarren Teng,\u003c/p\u003e","","\u003cp\u003eYes, you have the options \u003ccode\u003ehints\u003c/code\u003e to do that.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-723\" class=\"anchor\" title=\"Link to this comment\"\u003e#723\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e","\u003cli id=\"comment-712\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/26a67c4df92e642a577e88784285f2c1?d=mm\" title=\"Jirka Kyncl\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eJirka Kyncl\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eI found it now :)\u003cbr\u003e","you can set parameter hints.\u003c/p\u003e","","\u003cp\u003eEx:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003enumber\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e5\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003edata\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'rate'\u003c/span\u003e\u003cspan class=\"p\"\u003e),\u003c/span\u003e"," \u003cspan class=\"nx\"\u003epath\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s1\"\u003e'js/img'\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ereadOnly\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003enoRatedMsg\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"Very very bad woman!\"\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ehints\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e[\u003c/span\u003e\u003cspan class=\"s2\"\u003e\"somthing\"\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"bless\"\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"Monitor\"\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"mi\"\u003e4\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"s2\"\u003e\"evaluation\"\u003c/span\u003e\u003cspan class=\"p\"\u003e]\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-712\" class=\"anchor\" title=\"Link to this comment\"\u003e#712\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e","\u003cli id=\"comment-711\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/26a67c4df92e642a577e88784285f2c1?d=mm\" title=\"Jirka Kyncl\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eJirka Kyncl\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi, you can change it in source code. In hints array. I didn't found better solution.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-711\" class=\"anchor\" title=\"Link to this comment\"\u003e#711\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-724\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eJirka Kyncl,\u003c/p\u003e","","\u003cp\u003eThe better solution is just override the parameter \u003ccode\u003ehints\u003c/code\u003e.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-724\" class=\"anchor\" title=\"Link to this comment\"\u003e#724\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-687\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/c44a4af00544c70a6841006998c6b795?d=mm\" title=\"Guilherme Duailibe\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eGuilherme Duailibe\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eExcelente plugin! Estou usando. Obrigado!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-687\" class=\"anchor\" title=\"Link to this comment\"\u003e#687\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-689\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eGuilherme Duailibe,\u003c/p\u003e","","\u003cp\u003eThank you! (:\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-689\" class=\"anchor\" title=\"Link to this comment\"\u003e#689\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-686\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/c8c6efe450847ee184720928b6e69654?d=mm\" title=\"Daniel Better\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eDaniel Better\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi Washington, first of all, great plugin, gj!\u003cbr\u003e","Secondly, is there a way to enlarge the stars even more then 24px as seen here? \u003c/p\u003e","","\u003cp\u003eRegards, Daniel.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-686\" class=\"anchor\" title=\"Link to this comment\"\u003e#686\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-688\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eDaniel Better,\u003c/p\u003e","","\u003cp\u003eYes, just use your new icon and set the value of it as px on \u003ccode\u003esize\u003c/code\u003e property.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-688\" class=\"anchor\" title=\"Link to this comment\"\u003e#688\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-679\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/4653dd9471188ec0936b4e8013ad8fc4?d=mm\" title=\"Nishit\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eNishit\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi Washington,\u003c/p\u003e","","\u003cp\u003eI would like to thank you for this plugin. It works flawlessly. Great work.\u003c/p\u003e","","\u003cp\u003eRegards.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-679\" class=\"anchor\" title=\"Link to this comment\"\u003e#679\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-680\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eNishit,\u003c/p\u003e","","\u003cp\u003eThanks man! (:\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-680\" class=\"anchor\" title=\"Link to this comment\"\u003e#680\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u0
FD9C
03c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-676\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/1fca03d51d167c31f2079aae85becf90?d=mm\" title=\"Brian\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eBrian\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eI have a need for multiple ratings on a page. For example, individual ratings for things such as \"Price,\" \"Value\" and \"Quality.\" Is there a way to specify scoreName for each instance of a rating? Excellent plugin, btw.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-676\" class=\"anchor\" title=\"Link to this comment\"\u003e#676\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-678\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/1fca03d51d167c31f2079aae85becf90?d=mm\" title=\"Brian\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eBrian\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eIn the init function, I have changed:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eopt\u003c/span\u003e \u003cspan class=\"o\"\u003e=\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eextend\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"p\"\u003e{},\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003efn\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003edefaults\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003esettings\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eto\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eopt\u003c/span\u003e \u003cspan class=\"o\"\u003e=\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eextend\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"p\"\u003e{},\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003efn\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003edefaults\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003esettings\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003edata\u003c/span\u003e\u003cspan class=\"p\"\u003e());\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eThis allows me to pass instance variables via the div. Example:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003eclass=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"my-rating\"\u003c/span\u003e \u003cspan class=\"na\"\u003edata-score-name=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"rating[quality]\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003ePerhaps a consideration to add to the master?\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-678\" class=\"anchor\" title=\"Link to this comment\"\u003e#678\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-684\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eBrian,\u003c/p\u003e","","\u003cp\u003eCould you open a issue to create a \u003ccode\u003escoreName\u003c/code\u003e callback?\u003cbr\u003e","This way we can pass a function to \u003ccode\u003escoreName\u003c/code\u003e and receive it via data or whatever.\u003c/p\u003e","","\u003cp\u003eThanks.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-684\" class=\"anchor\" title=\"Link to this comment\"\u003e#684\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-674\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/ef48b31893ff7bc1e1f842ff2a9ef677?d=mm\" title=\"Istvan Szollosi\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://i-sty.comule.com\" target=\"_blank\"\u003eIstvan Szollosi\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi,\u003cbr\u003e","I tried to use your plugin in my blog/web-shop but I got these errors:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003eUncaught\u003c/span\u003e \u003cspan class=\"nx\"\u003eTypeError\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"nb\"\u003eObject\u003c/span\u003e \u003cspan class=\"err\"\u003e#\u003c/span\u003e\u003cspan class=\"o\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"nb\"\u003eObject\u003c/span\u003e\u003cspan class=\"o\"\u003e\u0026gt;\u003c/span\u003e \u003cspan class=\"nx\"\u003ehas\u003c/span\u003e \u003cspan class=\"nx\"\u003eno\u003c/span\u003e \u003cspan class=\"nx\"\u003emethod\u003c/span\u003e \u003cspan class=\"s1\"\u003e'on'\u003c/span\u003e \u003cspan class=\"nx\"\u003ejquery\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emin\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ejs\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e12\u003c/span\u003e","\u003cspan class=\"nx\"\u003ea\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003e_bindClick\u003c/span\u003e \u003cspan class=\"nx\"\u003ejquery\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emin\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ejs\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e12\u003c/span\u003e","\u003cspan class=\"nx\"\u003ea\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003e_binds\u003c/span\u003e \u003cspan class=\"nx\"\u003ejquery\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emin\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ejs\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e12\u003c/span\u003e","\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eanonymous\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"nx\"\u003ejquery\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emin\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ejs\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e12\u003c/span\u003e","\u003cspan class=\"nx\"\u003eE\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eextend\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eeach\u003c/span\u003e \u003cspan class=\"nx\"\u003eVM4322\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e1\u003c/span\u003e","\u003cspan class=\"nx\"\u003eE\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003efn\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eE\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eeach\u003c/span\u003e \u003cspan class=\"nx\"\u003eVM4322\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e1\u003c/span\u003e","\u003cspan class=\"nx\"\u003ea\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003einit\u003c/span\u003e \u003cspan class=\"nx\"\u003ejquery\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emin\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ejs\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e12\u003c/span\u003e","\u003cspan class=\"nx\"\u003eb\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003efn\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e \u003cspan class=\"nx\"\u003ejquery\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003emin\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ejs\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e12\u003c/span\u003e","\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eanonymous\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"nx\"\u003eprodus\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ephp\u003c/span\u003e\u003cspan class=\"o\"\u003e?\u003c/span\u003e\u003cspan class=\"nx\"\u003eprodusid\u003c/span\u003e\u003cspan class=\"o\"\u003e=\u003c/span\u003e\u003cspan class=\"mi\"\u003e21\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e245\u003c/span\u003e","\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eanonymous\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"nx\"\u003eVM4322\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e1\u003c/span\u003e","\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003eanonymous\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"nx\"\u003eVM4322\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e1\u003c/span\u003e","\u003cspan class=\"nx\"\u003eE\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eextend\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eeach\u003c/span\u003e \u003cspan class=\"nx\"\u003eVM4322\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e1\u003c/span\u003e","\u003cspan class=\"nx\"\u003eE\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eextend\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003eready\u003c/span\u003e \u003cspan class=\"nx\"\u003eVM4322\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"mi\"\u003e1\u003c/span\u003e","\u003cspan class=\"nx\"\u003eevent\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003ereturnValue\u003c/span\u003e \u003cspan class=\"nx\"\u003eis\u003c/span\u003e \u003cspan class=\"nx\"\u003edeprecated\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e \u003cspan class=\"nx\"\u003ePlease\u003c/span\u003e \u003cspan class=\"nx\"\u003euse\u003c/span\u003e \u003cspan class=\"nx\"\u003ethe\u003c/span\u003e \u003cspan class=\"nx\"\u003estandard\u003c/span\u003e \u003cspan class=\"nx\"\u003eevent\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003epreventDefault\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"nx\"\u003einstead\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-674\" class=\"anchor\" title=\"Link to this comment\"\u003e#674\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-683\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eIstvan Szollosi,\u003c/p\u003e","","\u003cp\u003eCheck if your jQuery was imported before the Raty call.\u003cbr\u003e","Check if you jQuery version has the new method \u003ccode\u003eon\u003c/code\u003e.\u003c/p\u003e","","\u003cp\u003eThis problem is about import, about jQuery, not about Raty.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-683\" class=\"anchor\" title=\"Link to this comment\"\u003e#683\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-673\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/07777442d9de807b3e8962129bc5fdfb?d=mm\" title=\"Mark\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eMark\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi\u003c/p\u003e","","\u003cp\u003eIs there a way of easily posting the data to a rails application? I have added the call to my application to get the images and the java but every time I post my form my defined attribute doesn't save the the rating to the DB. Heres my code :\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003eid=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"star\"\u003c/span\u003e \u003cspan class=\"na\"\u003edata-score=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"1\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003e"," \u003cspan class=\"err\"\u003e\u0026lt;\u003c/span\u003e%= :review_rating %\u0026gt;","\u003cspan class=\"nt\"\u003e\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eattr\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e':review_rating'\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cp\u003eForgive me if it seems basic but I know very little about J query and am at beginner level. The \u003ccode\u003e:review_rating\u003c/code\u003e is my rails attribute that Im trying to commit the score to.\u003c/p\u003e","","\u003cp\u003ePlease let me know.\u003c/p\u003e","","\u003cp\u003eMany Thanks \u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-673\" class=\"anchor\" title=\"Link to this comment\"\u003e#673\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-682\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eMark,\u003c/p\u003e","","\u003cp\u003eThe value send by jQuery Raty is a hidden field, not what you put inside the div.\u003cbr\u003e","This content inside the div is ignored, because Raty will override it, then you \u003ccode\u003e\u0026lt;%= :review_rating %\u0026gt;\u003c/code\u003e is useless.\u003cbr\u003e","By default the hidden field that holds the score is called \u003ccode\u003escore\u003c/code\u003e, but you can change it if you need.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-682\" class=\"anchor\" title=\"Link to this comment\"\u003e#682\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-672\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/2fe6bd71a146dd113e894200ccc5e417?d=mm\" title=\"Brandon\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eBrandon\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eAwesome plugin! Super easy to use and dropped right into my rails app for a reviews rating system. Thanks!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-672\" class=\"anchor\" title=\"Link to this comment\"\u003e#672\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-681\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eBrandon,\u003c/p\u003e","","\u003cp\u003eGreat! (:\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-681\" class=\"anchor\" title=\"Link to this comment\"\u003e#681\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-666\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/5f932334f26daeb30e1f6843f4c5fe70?d=mm\" title=\"Daniel Weller\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eDaniel Weller\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHere is a link to a tutorial for ruby on rails. If anyone can get it to fully work let me know! I've been able to only get the update stars to work. (Average rating isn't working)\u003c/p\u003e","","\u003cp\u003e\u003ca href=\"http://paweljaniak.co.za/2013/07/25/5-star-ratings-with-rails/\"\u003ehttp://paweljaniak.co.za/2013/07/25/5-star-ratings-with-rails/\u003c/a\u003e\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-666\" class=\"anchor\" title=\"Link to this comment\"\u003e#666\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-671\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eDaniel Weller,\u003c/p\u003e","","\u003cp\u003eThanks for the contribution.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-671\" class=\"anchor\" title=\"Link to this comment\"\u003e#671\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-664\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/17d0a792231574531d52fd09e5cad84a?d=mm\" title=\"Max\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eMax\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003e@Roosevelt: luckily you find the download on his github page as well: \u003ca href=\"https://github.com/wbotelhos/raty\"\u003ehttps://github.com/wbotelhos/raty\u003c/a\u003e\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-664\" class=\"anchor\" title=\"Link to this comment\"\u003e#664\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-670\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eMax,\u003c/p\u003e","","\u003cp\u003eThanks for the help. (:\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-670\" class=\"anchor\" title=\"Link to this comment\"\u003e#670\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-662\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/b19d3a8e787126de5953c113ceff2be9?d=mm\" title=\"Roosevelt P\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://www.naetech.com\" target=\"_blank\"\u003eRoosevelt P\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eYour download link to the plugin is throwing a 404 error.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-662\" class=\"anchor\" title=\"Link to this comment\"\u003e#662\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-669\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eRoosevelt P,\u003c/p\u003e","","\u003cp\u003eI fixed it. Thanks!\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-669\" class=\"anchor\" title=\"Link to this comment\"\u003e#669\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-661\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/e72a8f02bf33e4b757bd9d9a75ca6977?d=mm\" title=\"Bill\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eBill\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi,\u003c/p\u003e","","\u003cp\u003eIs there a way to check and see if a visitor has already voted \u0026amp; if so, then set it to read only?\u003c/p\u003e","","\u003cp\u003eAlso, I would like to store the rating \u0026amp; number of votes in a mySQL database, how could I do that?\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-661\" class=\"anchor\" title=\"Link to this comment\"\u003e#661\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-668\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eBill,\u003c/p\u003e","","\u003cp\u003eYou can save it into database.\u003cbr\u003e","When the user click on star, it actives the \u003ca href=\"#click\"\u003eclick\u003c/a\u003e callback, inside it you can get the score and save it via ajax.\u003c/p\u003e","","\u003cp\u003eOr you can just let the user to vote and create a submit button that will send the value keeped into hidden field named \u003ccode\u003escore\u003c/code\u003e by default.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-668\" class=\"anchor\" title=\"Link to this comment\"\u003e#668\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-660\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/b38e22f68b14e6752dd6fd9400ebef0a?d=mm\" title=\"Tj\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eTj\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi, How to save previous ratings ?? How to download and install this plugin ?\u003c/p\u003e","","\u003cp\u003eplease help\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-660\" class=\"anchor\" title=\"Link to this comment\"\u003e#660\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-667\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eTj,\u003c/p\u003e","","\u003cp\u003eTo save the last rating, you need to keep it on your database.\u003cbr\u003e","To instal, just import the files e use the code showed on this page.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-667\" class=\"anchor\" title=\"Link to this comment\"\u003e#667\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-654\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/da5b2acb1906cb835262546e3b67fc4b?d=mm\" title=\"Lanamaja\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eLanamaja\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi,\u003cbr\u003e","how can i add this on a wordpress page? and/or include into a contact form?\u003cbr\u003e","If i want the plugin to open up different links or display messages depending on the number of stars the user clicked, how could i manage this\u003cbr\u003e","with your plugin?\u003c/p\u003e","","\u003cp\u003eThanks in advance\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-654\" class=\"anchor\" title=\"Link to this comment\"\u003e#654\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-659\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eLanamaja,\u003c/p\u003e","","\u003cp\u003eYou will use the same code. But where put it, I can't help you, because I don't know about wordpress coding.\u003c/p\u003e","","\u003cp\u003eTo open whatever you want, use the callback \u003ca href=\"#click\"\u003eclick\u003c/a\u003e, inside it you can get the \u003ccode\u003escore\u003c/code\u003e and do your logic.\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-659\" class=\"anchor\" title=\"Link to this comment\"\u003e#659\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-652\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/1761d6e4e94e6591190678d6b32c72a3?d=mm\" title=\"Amarpreet\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eAmarpreet\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eHi,\u003c/p\u003e","","\u003cp\u003eCould you help me with how i can post the rating using ajax. \u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-652\" class=\"anchor\" title=\"Link to this comment\"\u003e#652\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-653\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eAmarpreet,\u003c/p\u003e","","\u003cp\u003eYou can do it from inside the \u003ca href=\"#click\"\u003eclick\u003c/a\u003e callback.\u003cbr\u003e","Get the \u003ca href=\"#score\"\u003escore\u003c/a\u003e value and manipulate it with jQuery.\u003c/p\u003e","","\u003cp\u003eAjax POST reference: \u003ca href=\"http://api.jquery.com/jquery.post\"\u003ehttp://api.jquery.com/jquery.post\u003c/a\u003e\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-653\" class=\"anchor\" title=\"Link to this comment\"\u003e#653\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e","\u003cli id=\"comment-650\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003efirst\u003c/p\u003e","",""," \u003cfooter\u003e"," \u003ca href=\"#comment-650\" class=\"anchor\" title=\"Link to this comment\"\u003e#650\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-706\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/ba7b758a7f5ffafb168fce7e02a5420a?d=mm\" title=\"José Leite\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"javascript:void(0);\"\u003eJosé Leite\u003c/a\u003e"," "," "," "," \u003c/header\u003e",""," \u003cp\u003eWashington Botelho,\u003c/p\u003e","","\u003cp\u003eI wrote the following code:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"p\"\u003e{{\u003c/span\u003e\u003cspan class=\"k\"\u003eif\u003c/span\u003e \u003cspan class=\"nx\"\u003ecomments\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"p\"\u003e}}\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{{\u003c/span\u003e\u003cspan class=\"k\"\u003efor\u003c/span\u003e \u003cspan class=\"nx\"\u003eidx\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e \u003cspan class=\"nx\"\u003ecomment\u003c/span\u003e \u003cspan class=\"k\"\u003ein\u003c/span\u003e \u003cspan class=\"nx\"\u003eenumerate\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003ecomments\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e\u003cspan class=\"p\"\u003e}}\u003c/span\u003e"," \u003cspan class=\"o\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"nx\"\u003ediv\u003c/span\u003e \u003cspan class=\"kr\"\u003eclass\u003c/span\u003e\u003cspan class=\"o\"\u003e=\u003c/span\u003e\u003cspan class=\"s2\"\u003e\"badge badge-warning\"\u003c/span\u003e \u003cspan class=\"nx\"\u003eid\u003c/span\u003e\u003cspan class=\"o\"\u003e=\u003c/span\u003e\u003cspan class=\"s2\"\u003e\"star{{idx}}\"\u003c/span\u003e\u003cspan class=\"o\"\u003e\u0026gt;\u003c/span\u003e\u003cspan class=\"p\"\u003e{{\u003c/span\u003e\u003cspan class=\"o\"\u003e=\u003c/span\u003e\u003cspan class=\"nx\"\u003ecomment\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003erating\u003c/span\u003e\u003cspan class=\"p\"\u003e}}\u003c/span\u003e\u003cspan class=\"o\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"err\"\u003e/div\u0026gt;\u003c/span\u003e",""," \u003cspan class=\"o\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"nx\"\u003escript\u003c/span\u003e\u003cspan class=\"o\"\u003e\u0026gt;\u003c/span\u003e"," \u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'#star{{idx}}'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e "," \u003cspan class=\"nx\"\u003enumberMax\u003c/span\u003e \u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"mi\"\u003e10\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e"," \u003cspan class=\"nx\"\u003ereadOnly\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kc\"\u003etrue\u003c/span\u003e\u003cspan class=\"p\"\u003e,\u003c/span\u003e "," \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"p\"\u003e{{\u003c/span\u003e\u003cspan class=\"o\"\u003e=\u003c/span\u003e\u003cspan class=\"nx\"\u003ecomment\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003erating\u003c/span\u003e\u003cspan class=\"p\"\u003e}}\u003c/span\u003e "," \u003cspan class=\"p\"\u003e});\u003c/span\u003e"," \u003cspan class=\"o\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"err\"\u003e/script\u0026gt;\u003c/span\u003e"," \u003cspan class=\"p\"\u003e{{\u003c/span\u003e\u003cspan class=\"nx\"\u003epass\u003c/span\u003e\u003cspan class=\"p\"\u003e}}\u003c/span\u003e","\u003cspan class=\"p\"\u003e{{\u003c/span\u003e\u003cspan class=\"nx\"\u003epass\u003c/span\u003e\u003cspan class=\"p\"\u003e}}\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-706\" class=\"anchor\" title=\"Link to this comment\"\u003e#706\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e",""," \u003col\u003e"," \u003cli id=\"comment-730\" class=\"comment\"\u003e"," \u003cdiv class=\"avatar\"\u003e"," \u003cimg alt=\"\" src=\"http://www.gravatar.com/avatar/9ba395435487e85de7df942b77a75674?d=mm\" title=\"Washington Botelho\"\u003e"," \u003c/div\u003e",""," \u003cdiv class=\"body\"\u003e"," \u003cheader\u003e"," \u003ca href=\"http://wbotelhos.com\" target=\"_blank\"\u003eWashington Botelho\u003c/a\u003e"," "," \u003cspan class=\"flag author\"\u003eauthor\u003c/span\u003e"," "," \u003c/header\u003e",""," \u003cp\u003eJosé Leite,\u003c/p\u003e","","\u003cp\u003eBuild your HTML elements first, then after apply Raty using class and getting the rating from data attribute, like so:\u003c/p\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nt\"\u003e\u0026lt;div\u003c/span\u003e \u003cspan class=\"na\"\u003edata-rating=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"{{= comment.rating}}\"\u003c/span\u003e \u003cspan class=\"na\"\u003eclass=\u003c/span\u003e\u003cspan class=\"s\"\u003e\"badge badge-warning\"\u003c/span\u003e\u003cspan class=\"nt\"\u003e\u0026gt;\u003c/span\u003e{{= comment.rating}}\u003cspan class=\"nt\"\u003e\u0026lt;/div\u0026gt;\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e","\u003cdiv class=\"highlight\"\u003e\u003cpre\u003e\u003cspan class=\"nx\"\u003e$\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'.badge'\u003c/span\u003e\u003cspan class=\"p\"\u003e).\u003c/span\u003e\u003cspan class=\"nx\"\u003eraty\u003c/span\u003e\u003cspan class=\"p\"\u003e({\u003c/span\u003e"," \u003cspan class=\"nx\"\u003escore\u003c/span\u003e\u003cspan class=\"o\"\u003e:\u003c/span\u003e \u003cspan class=\"kd\"\u003efunction\u003c/span\u003e\u003cspan class=\"p\"\u003e()\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e"," \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"k\"\u003ethis\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003egetAttribute\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e'data-rating'\u003c/span\u003e\u003cspan class=\"p\"\u003e);\u003c/span\u003e"," \u003cspan class=\"p\"\u003e}\u003c/span\u003e","\u003cspan class=\"p\"\u003e});\u003c/span\u003e","\u003c/pre\u003e\u003c/div\u003e",""," \u003cfooter\u003e"," \u003ca href=\"#comment-730\" class=\"anchor\" title=\"Link to this comment\"\u003e#730\u003c/a\u003e"," "," "," \u003c/footer\u003e"," \u003c/div\u003e","","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/li\u003e",""," \u003c/ol\u003e","\u003c/section\u003e","","","","\u003cscript\u003e"," $(function() {"," AntiBOT.init('.new_comment');",""," CommentResponder.init();",""," $('#comment_body').taby();"," });","\u003c/script\u003e","",""," \u003c/div\u003e",""," \u003cscript\u003e"," $.fn.raty.defaults.path = 'lib/images';",""," $(function() {"," $('#default').raty();\r","\r","$('#score').raty({ score: 3 });\r","\r","$('#score-callback').raty({\r"," score: function() {\r"," return $(this).attr('data-score');\r"," }\r","});\r","\r","$('#scoreName').raty({ scoreName: 'entity[score]' });\r","\r","$('#number').raty({ number: 10 });\r","\r","$('#number-callback').raty({\r"," number: function() {\r"," return $(this).attr('data-number');\r"," }\r","});\r","\r","$('#numberMax').raty({\r"," numberMax : 5,\r"," number : 100\r","});\r","\r","$('#readOnly').raty({ readOnly: true, score: 3 });\r","\r","$('#readOnly-callback').raty({\r"," readOnly: function() {\r"," return 'true becomes readOnly' == 'true becomes readOnly';\r"," }\r","});\r","\r","$('#noRatedMsg').raty({\r"," readOnly : true,\r"," noRatedMsg : \"I'am readOnly and I haven't rated yet!\"\r","});\r","\r","$('#halfShow-true').raty({ score: 3.26 });\r","\r","$('#halfShow-false').raty({\r"," halfShow : false,\r"," score : 3.26\r","});\r","\r","$('#round').raty({\r"," round : { down: .26, full: .6, up: .76 },\r"," score : 3.26\r","});\r","\r","$('#half').raty({ half: true });\r","\r","$('#starHalf').raty({\r"," half : true,\r"," path : null,\r"," starHalf : 'demo/images/star-half-mono.png',\r"," starOff : 'lib/images/star-off.png',\r"," starOn : 'lib/images/star-on.png'\r","});\r","\r","$('#click').raty({\r"," click: function(score, evt) {\r"," alert('ID: ' + $(this).attr('id') + \"\\nscore: \" + score + \"\\nevent: \" + evt.type);\r"," }\r","});\r","\r","$('#click-prevent').raty({\r"," click: function(score, evt) {\r"," alert('Score will not change.')\r"," return false;\r"," }\r","});\r","\r","$('#hints').raty({ hints: ['a', null, '', undefined, '*_*']});\r","\r","$('#star-off-and-star-on').raty({\r"," path : 'demo/images',\r"," starOff : 'off.png',\r"," starOn : 'on.png'\r","});\r","\r","$('#cancel').raty({ cancel: true });\r","\r","$('#cancelHint').raty({\r"," cancel : true,\r"," cancelHint : 'My cancel hint!'\r","});\r","\r","$('#cancelPlace').raty({\r"," cancel : true,\r"," cancelPlace : 'right'\r","});\r","\r","$('#star-off-and-star-on').raty({\r"," path : 'demo/images',\r"," starOff : 'off.png',\r"," starOn : 'on.png'\r","});\r","\r","$('#cancel-off-and-cancel-on').raty({\r"," cancel : true,\r"," cancelOff : 'demo/images/cancel-custom-off.png',\r"," cancelOn : 'demo/images/cancel-custom-on.png',\r"," path : null,\r"," starOff : 'lib/images/star-off.png',\r"," starOn : 'lib/images/star-on.png'\r","});\r","\r","$('#iconRange').raty({\r"," path : null,\r"," starOff : 'lib/images/star-off.png',\r"," iconRange : [\r"," { range: 1, on: 'demo/images/1.png', off: 'demo/images/0.png' },\r"," { range: 2, on: 'demo/images/2.png', off: 'demo/images/0.png' },\r"," { range: 3, on: 'demo/images/3.png', off: 'demo/images/0.png' },\r"," { range: 4, on: 'demo/images/4.png', off: 'demo/images/0.png' },\r"," { range: 5, on: 'demo/images/5.png', off: 'demo/images/0.png' }\r"," ]\r","});\r","\r","$('#size').raty({\r"," path : 'demo/images',\r"," cancel : true,\r"," cancelOff : 'cancel-off.png',\r"," cancelOn : 'cancel-on.png',\r"," half : true,\r"," starHalf : 'star-half.png',\r"," starOff : 'star-off.png',\r"," starOn : 'star-on.png'\r","});\r","\r","$('#target-div').raty({\r"," cancel : true,\r"," target : '#target-div-hint'\r","});\r","\r","$('#target-text').raty({\r"," cancel : true,\r"," target : '#target-text-hint'\r","});\r","\r","$('#target-textarea').raty({\r"," cancel : true,\r"," target : '#target-textarea-hint'\r","});\r","\r","$('#target-select').raty({\r"," cancel : true,\r"," target : '#target-select-hint'\r","});\r","\r","$('#targetType').raty({\r"," cancel : true,\r"," target : '#targetType-hint',\r"," targetType : 'score'\r","});\r","\r","$('#targetKeep').raty({\r"," cancel : true,\r"," target : '#targetKeep-hint',\r"," targetKeep : true\r","});\r","\r","$('#targetText').raty({\r"," target : '#targetText-hint',\r"," targetText : '--'\r","});\r","\r","$('#targetFormat').raty({\r"," target : '#targetFormat-hint',\r"," targetFormat : 'Rating: {score}'\r","});\r","\r","$('#targetScore').raty({\r"," targetScore: '#target-score'\r","});\r","\r","$('#mouseover').raty({\r"," mouseover: function(score, evt) {\r"," alert('ID: ' + $(this).attr('id') + \"\\nscore: \" + score + \"\\nevent: \" + evt.type);\r"," }\r","});\r","\r","$('#mouseout').raty({\r"," mouseout: function(score, evt) {\r"," alert('ID: ' + $(this).attr('id') + \"\\nscore: \" + score + \"\\nevent: \" + evt.type);\r"," }\r","});\r","\r","$('#precision').raty({\r"," cancel : true,\r"," cancelOff : 'cancel-off.png',\r"," cancelOn : 'cancel-on.png',\r"," path : 'demo/images',\r"," starHalf : 'star-half.png',\r"," starOff : 'star-off.png',\r"," starOn : 'star-on.png',\r"," target : '#precision-hint',\r"," targetKeep : true,\r","\r"," precision : true\r","});\r","\r","$('#space').raty({ space: false });\r","\r","$('#single').raty({ single: true });\r","\r","$('#starType').raty({\r"," cancel : true,\r"," half : true,\r"," starType : 'i'\r","});\r","\r","$('#functions').raty({\r"," cancel : true,\r"," cancelOff : 'cancel-off.png',\r"," cancelOn : 'cancel-on.png',\r"," path : 'demo/images',\r"," precision : true,\r"," starHalf : 'star-half.png',\r"," starOff : 'star-off.png',\r"," starOn : 'star-on.png',\r"," target : '#functions-hint',\r"," targetKeep : true,\r"," click: function(score, evt) {\r"," alert('ID: ' + $(this).attr('id') + \"\\nscore: \" + score + \"\\nevent: \" + evt.type);\r"," }\r","});\r","\r","$('#score-function-run').on('click', function() {\r"," $('#functions').raty('score', $('#' + this.id.replace('-run', '')).val());\r","});\r","\r","$('#click-function-run').on('click', function() {\r"," $('#functions').raty('click', $('#' + this.id.replace('-run', '')).val());\r","});\r","\r","$('#readOnly-function-run').on('click', function() {\r","var isReadOnly = $('#' + this.id.replace('-run', '')).val() === 'true';\r","\r"," $('#functions').raty('readOnly', isReadOnly);\r","});\r","\r","$('#cancel-function-run').on('click', function() {\r","var isTrigger = $('#' + this.id.replace('-run', '')).val() === 'true';\r","\r"," $('#functions').raty('cancel', isTrigger);\r","});\r","\r","$('#reload-function-run').on('click', function() {\r"," $('#functions').raty('reload');\r","});\r","\r","$('#get-score-function-run').on('click', function() {\r"," alert('score: ' + $('#functions').raty('score'));\r","});\r","\r","$('#set-score-function-run').on('click', function() {\r"," $('#functions').raty('score', $('#' + this.id.replace('-run', '')).val());\r","});\r","\r","$('#set-function-run').on('click', function() {\r"," var options = $('#' + this.id.replace('-run', '').val()),\r"," command = \"$('#functions').raty('set', \" + options + \");\";\r","\r"," eval(command);\r","});\r","\r","$('#destroy-function-run').on('click', function() {\r"," $('#functions').raty('destroy');\r","});\r","\r","$('#move-function-run').on('click', function() {\r"," $('#functions').raty('move', $('#' + this.id.replace('-run', '')).val());\r","});"," });","\u003c/script\u003e",""," ","\u003c/body\u003e","\u003c/html\u003e"],"stylingDirectives":null,"colorizedLines":null,"csv":null,"csvError":null,"dependabotInfo":{"showConfigurationBanner":false,"configFilePath":null,"networkDependabotPath":"/taenyon/raty/network/updates","dismissConfigurationNoticePath":"/settings/dismiss-notice/dependabot_configuration_notice","configurationNoticeDismissed":null},"displayName":"demo.html","displayUrl":"https://github.com/taenyon/raty/blob/master/demo.html?raw=true","headerInfo":{"blobSize":"131 KB","deleteTooltip":"You must be signed in to make or propose changes","editTooltip":"You must be signed in to make or propose changes","ghDesktopPath":"https://desktop.github.com","isGitLfs":false,"onBranch":true,"shortPath":"b31cf87","siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Ftaenyon%2Fraty%2Fblob%2Fmaster%2Fdemo.html","isCSV":false,"isRichtext":false,"toc":null,"lineInfo":{"truncatedLoc":"3585","truncatedSloc":"2459"},"mode":"file"},"image":false,"isCodeownersFile":null,"isPlain":false,"isValidLegacyIssueTemplate":false,"issueTemplate":null,"discussionTemplate":null,"language":"HTML","languageID":146,"large":false,"planSupportInfo":{"repoIsFork":null,"repoOwnedByCurrentUser":null,"requestFullPath":"/taenyon/raty/blob/master/demo.html","showFreeOrgGatedFeatureMessage":null,"showPlanSupportBanner":null,"upgradeDataAttributes":null,"upgradePath":null},"publishBannersInfo":{"dismissActionNoticePath":"/settings/dismiss-notice/publish_action_from_dockerfile","releasePath":"/taenyon/raty/releases/new?marketplace=true","showPublishActionBanner":false},"rawBlobUrl":"https://github.com/taenyon/raty/raw/refs/heads/master/demo.html","renderImageOrRaw":false,"richText":null,"renderedFileInfo":null,"shortPath":null,"symbolsEnabled":true,"tabSize":8,"topBannersInfo":{"overridingGlobalFundingFile":false,"globalPreferredFundingPath":null,"showInvalidCitationWarning":false,"citationHelpUrl":"https://docs.github.com/github/creating-cloning-and-archiving-repositories/creating-a-repository-on-github/about-citation-files","actionsOnboardingTip":null},"truncated":false,"viewable":true,"workflowRedirectUrl":null,"symbols":null},"copilotInfo":null,"copilotAccessAllowed":false,"modelsAccessAllowed":false,"modelsRepoIntegrationEnabled":false,"isMarketplaceEnabled":true,"csrf_tokens":{"/taenyon/raty/branches":{"post":"7ZyTDnwcbkch670rjkO9b94FB_NGz1uoGPSpUj2is2J7VH0hCzNDX0DIIqpasehe7rTZBD0bCrwEg6ibucIm1A"},"/repos/preferences":{"post":"thi4CE9o3ma1DmNE4I_MYIDYnaLZPiGYlnidzkZrcrKBAXWGXU9eM57nV_ZGtU37cBXCzgrVmMBi4WJstjPh6Q"}}},"title":"raty/demo.html at master · taenyon/raty","appPayload":{"helpUrl":"https://docs.github.com","findFileWorkerPath":"/assets-cdn/worker/find-file-worker-263cab1760dd.js","findInFileWorkerPath":"/assets-cdn/worker/find-in-file-worker-98e6e9db3609.js","githubDevUrl":null,"enabled_features":{"code_nav_ui_events":false,"react_blob_overlay":false,"accessible_code_button":true}}}