auxiliary / rater Goto Github PK

View Code? Open in Web Editor NEW

128.0 128.0 57.0 90 KB

A highly customizable rating widget that supports images, utf8 glyphs and other html elements!

Home Page: http://auxiliary.github.io/rater

License: MIT License

HTML 26.56% JavaScript 73.44%

rater's People

Contributors

Stargazers

Watchers

rater's Issues

Not working on Wordpress

This will actual not Working on wordpress.
What can i do that i can use with wordpress?

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 ?

Hover doesn't work for the already selected value

hello, how can i add an icon in front of the stars to reset the rating ?

How to handle ajax response?

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.

select all previous elements

What i want is when i click on third element it must select all previous elements. such as first and second elment too .

Initial value incorrect when 'update_input_field_name' is setted

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());

Size?

Is it possible to modify the size of the stars? If yes, how? Thanks

How to make it RTL?

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.

Fontawesome symbols

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',
        },
     },
    });

Do not depend on jQuery

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

Exemple page / Icon Font - Material Icons

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 !

How to set the size of the stars?

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.

The stars overlap in mobile

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

auxiliary / rater Goto Github PK

rater's People

Contributors

Stargazers

Watchers

Forkers

rater's Issues

Recommend Projects

Recommend Topics

Recommend Org

Jobs