| Server IP : 160.25.81.117 / Your IP : 216.73.216.137 Web Server : Apache/2 System : Linux sv05.hilab.cloud 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : bellizen ( 1045) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/bellizen/domains/bellizeno.com/private_html/public/js/AStarRating/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>
<title>jQuery Raty - A Star Rating Plugin</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.raty.min.js"></script>
<style type="text/css">
a#coffee-link, div#coffee-container {
border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-opera-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#link a {
color: #EA9C00;
font: bold 10px verdana;
letter-spacing: .9px;
text-decoration: none;
}
div#link a:hover {
color: #DC5;
font: bold 10px verdana;
letter-spacing: .9px;
text-decoration: underline;
}
a#coffee-link {
background: url('img/coffee.png') 6px 2px no-repeat;
border: 1px solid #D9C640;
color: #FFF;
display: block;
font: bold 10px verdana;
letter-spacing: .9px;
padding: 4px 5px 4px 26px;
text-decoration: none;
}
a#coffee-link:hover {
text-decoration: underline;
}
div#adsense {
font: 10px verdana;
color: #AB9927;
text-indent: 7px;
}
div#coffee-container {
background-color: #DC5;
float: right;
margin-right: 15px;
}
div.description {
font: 10px verdana;
color: #555;
letter-spacing: .1px;
margin-bottom: 10px;
text-indent: 7px;
text-align: left;
width: 99%;
}
div#link {
font: 10px verdana;
color: #AB9927;
text-indent: 7px;
}
div.notice {
font: 9px verdana;
color: #777;
letter-spacing: .1px;
margin-bottom: 3px;
text-indent: 7px;
text-align: left;
width: 99%;
}
div.session {
font: bold 13px verdana;
border-bottom: 1px solid #EFEFEF;
color: #444;
letter-spacing: .7px;
margin-bottom: 10px;
margin-top: 24px;
text-align: left;
width: 99%;
}
div.source {
background: #F8F8FF;
border: 1px solid #EFEFEF;
border-left: 3px solid #CCC;
color: #444;
font: 12px monospace;
letter-spacing: .1px;
margin-bottom: 7px;
margin-top: 5px;
padding: 7px;
width: 99%;
}
div.text {
font: 10px verdana;
color: #555;
letter-spacing: .1px;
margin-bottom: 20px;
margin-top: 5px;
text-align: left;
text-indent: 7px;
width: 99%;
}
div.title {
font: bold 17px verdana;
color: #269;
letter-spacing: .7px;
margin-bottom: 20px;
margin-top: 5px;
text-align: left;
width: 99%;
}
span.comment-html, span.comment-script {
font: 12px monospace;
letter-spacing: .1px;
margin-bottom: 7px;
margin-top: 5px;
}
span.comment-html {
color: #5e85de;
}
span.comment-script {
color: #578F73;
}
span#version {
color: #777;
font: 10px verdana;
}
</style>
</head>
<body>
<div class="title">jQuery Raty - A Star Rating Plugin <span id="version">(current version: 0.5)</span></div>
<div id="link">
| <a href="http://github.com/wbotelhos/raty/downloads" target="_blank">Download</a> |
<a href="http://github.com/wbotelhos/raty" target="_blank">Github</a> |
<a href="http://wbotelhos.com/raty/changelog.txt" target="_blank">Change Log</a> |
<a href="http://wbotelhos.com/raty/README.txt" target="_blank">Readme</a> |
<a href="http://wbotelhos.com/raty/LICENSE.txt" target="_blank">Licence</a> |
</div>
<div id="coffee-container">
<a id="coffee-link" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=wbotelhos@gmail.com" target="_blank">buy me a coffee</a>
</div><br/>
<div class="text">jQuery <b>Raty</b> is a plugin that generates a customizable star rating automatically.</div>
<div class="session">With default options:</div>
<div id="star"></div>
<div class="source">
$('#star').raty();<br/><br/>
<div id="star"></div>
</div>
<div class="session">Started with a score and read only value:</div>
<div id="fixed"></div>
<div class="source">
$('#fixed').raty({<br/>
readOnly: true,<br/>
start: 2<br/>
});<br/><br/>
<div id="fixed"></div>
</div>
<div class="session">With a custom score name and a number of stars:</div>
<div id="custom"></div>
<div class="source">
$('#custom').raty({<br/>
scoreName: 'entity.score',<br/>
number: 10<br/>
});<br/><br/>
<div id="custom"></div>
</div>
<div class="session">With a custom hint and icons:</div>
<div id="target"></div>
<div class="source">
$('#target').raty({<br/>
hintList: ['a', '', null, 'd', '5'],<br/>
starOn: 'medal-on.png',<br/>
starOff: 'medal-off.png'<br/>
});<br/><br/>
<div id="target"></div>
</div>
<div class="session">Using onClick function:</div>
<div id="click"></div>
<div class="source">
$('#click').raty({<br/>
onClick: function(score) {<br/>
alert('score: ' + score);<br/>
}<br/>
});<br/><br/>
<div id="click"></div>
</div>
<div class="session">Displaying half star:</div>
<div id="half"></div>
<div class="source">
$('#half').raty({<br/>
start: 3.3,<br/>
showHalf: true<br/>
});<br/><br/>
<div id="half"></div>
</div>
<div class="session">With a default cancel button:</div>
<div id="cancel"></div>
<div class="source">
$('#cancel').raty({<br/>
showCancel: true<br/>
});<br/><br/>
<div id="cancel"></div>
</div>
<div class="session">With a custom cancel button:</div>
<div id="cancel-custom"></div>
<div class="source">
$('#cancel-custom').raty({<br/>
cancelHint: 'remove my rating!',<br/>
cancelPlace: 'right',<br/>
showCancel: true<br/>
onClick: function(score) {<br/>
alert('score: ' + score);<br/>
}<br/>
});<br/><br/>
<div id="cancel-custom"></div>
</div>
<div class="session">Default options:</div>
<div class="source">
cancelHint: 'cancel this rating!'<br/>
<div class="notice">The hint information.</div>
cancelOff: 'cancel-off.png'<br/>
<div class="notice">Name of the cancel image off.</div>
cancelOn: 'cancel-on.png'<br/>
<div class="notice">Name of the cancel image on.</div>
cancelPlace: 'left'<br/>
<div class="notice">Position of the cancel button.</div>
hintList: ['bad', 'poor', 'regular', 'good', 'gorgeous']<br/>
<div class="notice">List of names that will be used as a hint on each star.</div>
number: 5<br/>
<div class="notice">Number of stars that will be presented.</div>
path: 'img/'<br/>
<div class="notice">Path where are the images of the stars.</div>
readOnly: false<br/>
<div class="notice">If the stars will be read-only.</div>
scoreName: 'score'<br/>
<div class="notice">Name of the hidden field that holds the score value.</div>
showCancel: false<br/>
<div class="notice">If will be showed a button to cancel the rating.</div>
showHalf: false<br/>
<div class="notice">If will show half star if come a float number as score.</div>
starHalf: 'star-half.png'<br/>
<div class="notice">The name of the half star image.</div>
start: 0<br/>
<div class="notice">Number of stars to be selected.</div>
starOff: 'star-off.png'<br/>
<div class="notice">Name of the star image off.</div>
starOn: 'star-on.png'<br/>
<div class="notice">Name of the star image on.</div>
<span class="comment-script">//onClick: function() { alert('clicked!'); }</span>
<div class="notice">Function that returns the selected value.</div>
</div>
<div class="session">Public functions: *</div>
<div class="source">$.fn.raty.start(3);</div>
<div class="description">Starting the rating with 3 stars later. Half star not supported.</div>
<div class="source">$.fn.raty.readOnly(true);</div>
<div class="description">Adjusts the rating for read-only later.</div>
<div class="source">$.fn.raty.click(2);</div>
<div class="description">Click in the star number 2 later.</div>
<div class="notice">* Should come after the current raty and before the anothers one. Because it takes the last called raty.</div><br/>
<div id="adsense">
<script type="text/javascript">
google_ad_client = "pub-2416130166150078";
google_ad_slot = "1875587110";
google_ad_width = 468;
google_ad_height = 15;
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
</body>
<script type="text/javascript">
$(function() {
$('div#star').raty();
$('div#fixed').raty({
readOnly: true,
start: 2
});
$('div#custom').raty({
scoreName: 'entity.score',
number: 10
});
$('div#target').raty({
hintList: ['a', '', null, 'd', '5'],
starOn: 'medal-on.png',
starOff: 'medal-off.png'
});
$('div#click').raty({
onClick: function(score) {
alert('score: ' + score);
}
});
$('div#half').raty({
start: 3.3,
showHalf: true
});
$('div#cancel').raty({
showCancel: true
});
$('div#cancel-custom').raty({
cancelHint: 'remove my rating!',
cancelPlace: 'right',
showCancel: true,
onClick: function(score) {
alert('score: ' + score);
}
});
});
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17006803-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</html>