auxiliary / rater Goto Github PK
View Code? Open in Web Editor NEWA highly customizable rating widget that supports images, utf8 glyphs and other html elements!
Home Page: http://auxiliary.github.io/rater
License: MIT License
A highly customizable rating widget that supports images, utf8 glyphs and other html elements!
Home Page: http://auxiliary.github.io/rater
License: MIT License
Is it possible to modify the size of the stars? If yes, how? Thanks
let options = {
max_value: 5,
step_size: 0.5,
initial_value: pruc.initial_value,
cursor: "pointer",
readonly: false,
ajax_method: "POST",
url: pruc.ajax_url,
additional_data: {
action: "handle_rating",
nonce: pruc.nonce,
id: id,
}
$(".rating").rate(options);
Everything is alright. But how can I able to do something with ajax response. In jquey, we have a success function where we can get ajax response. But in this case we can not if I am not wrong.
The selected stars overlap in mobile version.
I am testing it in Android. You can see the issue on the page http://www.jqueryrain.com/?m_Wywb1B itself. Is there any way to fix this?
Thanks,
John
I want to use it with a RTL Direction website but it's not working properly. It's showing the rating properly in RTL but when mouse hover its work LTR.
Hi, how do I pass in fontawesome characters? I'm getting this error with the below code:
Cannot read property base of undefined
$('.rating').rate({
readonly: true,
step_size: 0.5,
symbols: {
fontawesome_star: {
base: '\uf005',
hover: '\uf005',
selected: '\uf005',
},
},
});
Hi,
is this script supported on iOS browser ?
I'm testing it on iPad (http://auxiliary.github.io/rater/) and if there are multiple rating elements on the same page, each click on one rating element resets the others to their default value.
is it normal ?
Hi, it seems there's an issue in the example page for the material font icon : http://gjunge.github.io/rateit.js/examples/#ex_2e.
style="font-family:fontawesome"
should be style="font-family:Material Icons"
Hope it's the right place to report it.
Thanks for the work !
This will actual not Working on wordpress.
What can i do that i can use with wordpress?
The bond field always gets initial value 5.
This wrong value is set in line 173:
this.value = this.toValue(selected_width * $(base_layer).textWidth());
I have added the .js and it works principally...
But the stars are much to small...
What is the correct way set the size of the stars and the whole element?
I have tried to set some css but without success.
Note; I use flexlayout
Thanks for a feedback.
What i want is when i click on third element it must select all previous elements. such as first and second elment too .
Depends on jQuery
What do you think about making the component independent of jQuery? Would be really nice to have it as standalone-independent component without need for any dependencies
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.