Washington Botelho

how to set browser compatibility only once

Hi,

Raty is working for initialization but after that when I try to reach and change properties it produces error.

I mean:

$('#voteVal').raty({
                start: parseInt('4'),
                starOn: 'on.png',
                starOff: 'off.png',
                readOnly: 'False' == 'False' ? false : true,
                path: '/Content/images/',
                width: '200px',
                noRatedMsg: 'err happened',
                click: function (score, evt) {
                    $.ajax({ url: "/tr/Eglence/KarikaturOyla/",
                        data: { cartoonID: document.getElementById('hdnCartID').value, Vote: score },
                        type: "POST", success: function (result) {
                            $('#voteVal').raty('readOnly', true);
                            $('#voteVal').raty('start', parseInt(result));
                        }
                    });
                }
            }); 

it shows and works but see the click code

$('#voteVal').raty('readOnly', true);

this doesnt work. I trace the problem and saw that raty is undefined. I also tried $.fn.raty which is also undefined. Why would it be?

I hit a strange issue, the following code works fine to show the star

        $('#star').raty({
          half:  true,
          readOnly: true,
          width:150,
          start:    4.4
        });

But just after all the stars, there is an input box showing, dont know where it come from… :(
FYI, I am using jQuery 1.3.2

Eae cara, eu implementei as estrelas em uma loja magento, porem as estrelas estão sendo duplicadas, em vez de aparecerem 5 estrelas, aparecem 10, e eu não acho onde esta errado, já rodei o código inteiro, tem alguma ideia ? Valeu!

http://116music.com is using raty!

Example:
http://116music.com/music/bumps/who-is-mark-james

I’m Sorry my english is not good !
please look my code:

$('#TravelPoint').raty({
    'target': '#hTravelTarget',
    'click': function(score, evt) {
        $("#hdTravelPoint").val(score);
	    SumTotal();
	}
    });

$('#GuidPoint').raty({
    'target': '#GuidTarget',
    'click': function(score, evt) {
        $("#hdGuidPoint").val(score);
        SumTotal();
    }
});

$('#HotelPoint').raty({
    'target': '#HotelTarget',
    'click': function(score, evt) {
        $("#hdHotelPoint").val(score);
	SumTotal();
    }
});

function SumTotal() {
    var p1 = parseFloat($("#hdTravelPoint").val());
    var p2 = parseFloat($("#hdGuidPoint").val());
    var p3 = parseFloat($("#hdGuidPoint").val());
    var sum = parseFloat((p1 + p2 + p3 ) / 3);

    $("#hdTotalPoint").val(sum);
    $('#TotalPoint').raty('start', sum);
}

when click the raty . i will save this value to a hidden control, when i sum this point , i must load this value for hidden control. do you Have the direct read value method.

e.g:

var p1 = parseFloat($('#HotelPoint').raty().value());

thank you very much!

Hi, loving the plugin, but getting the following error when trying to set the score after the ajax post:

Object doesn’t support property or method ‘start’

Code is as follows:

$(document).ready(function(){
	var pathname = window.location.pathname;
    $('#rateplugin').raty({path:'/img/', half:true,
       click: function(score){
       var dataString = 'pathname='+pathname+'&score='+score;
        $.ajax({
        type: "post",
        url: "/services/ajax-rating.asp",
        dataType: "text",
        data: dataString,
        success: function(data){
        	$.fn.raty.start(data, '#rateplugin');
 		$.fn.raty.readOnly(true, '#rateplugin');
             }
         });
      }
    });
});

I’m using version 2.0.0. I’m sure its something simple, just can’t figure it out. Thanks!

How can I write rating into a database and retrive rating from dababase?

Another thing…
If the user already voted (I saved in database),
I could show him the average rate (from all other users), and when he passes the mouse over the ratings I show: “You already voted in this item, your vote: 8.5″.

Curti pra caralho o plugin, procurava algo pra rápida implementação no sistema e ainda algo personalizável, bonito e funcional.
Ótimo trabalho, feito por um brasileiro ainda (Y)

Hi. I downloaded latest version “version 1.4.3″ and I think I found a bug.

I want to display half stars, but only let the user to select full starts. I am using this settings.

half: false, halfShow: true, start: 3.5

But it will not let me show half stars (3.5) and DONT let the user select 1/2 stars.

I will look into your JS file now, perhaps I can fix it.

Regards
Mike

I’m having trouble getting Raty to work from inside a modal popup (Using jqueryui Dialog). The readonly bit works fine but any user interaction doesnt work. Any ideas?

i applied raty for the items in a loop by calling this function dynamically

applyStatusRaty_ForGoal(status_col, row_index);

This is the function definition:

function applyStatusRaty_ForGoal(currentElemet, row_index_col) {
    ratyJquery("#" + currentElemet).raty({
        number: 5,
        hintList:  ['1', '2', '3', '4', '5'],
        scoreName: 'status',
        path: Drupal.settings.themePath,
        starOff: 'status_default.gif',
        starOn:'status_star.gif',
        start: 0,
        target: null,
        targetKeep: false,
        targetType: 'hint',
        onClick: function(score, event) {
            var currentGoalID = $("#" + row_index_col).val();
            var params = "goal_user_id=" + currentGoalID + '&status=' + score;

            $.ajax({
                type: "POST",
                url: Drupal.settings.baseUrl + '/update_goal_status',
                data: params,
                success: function(result) {
                    manipulateUserGoals(result);
                }
            });
        }
    });
}

Its working fine. But when my click event firing morethan one time. So how can i remove that event for the items. while page content modified by ajax call back request.

Hi,

First time using this very good plug-in!
=]

I’m using this rating plug-in for a survey, and I populated a page with a set of ratings with diferents IDs and I have configured each one to fill the rating score to a specific hidden field. When i’m reading this values I’m getting they whith a comma in the end.
If someone rates 5, for example, I will read this: “5,”
Ratings not filled I read a single comma, like this:”,”

What I’m doing Wrog?
I’m using the 1.4.3 version.

Please, see the code below:

$(‘#rating_’XXX).raty({
    size: 24,
    starOff: ‘star-off-big.png’,
    starOn: ‘star-on-big.png’,
    scoreName: 'score_XXX',
    target: ‘#hint_XXX’
});

I’m having this bug. This is my code:
html:
2
4

$('div[name="rating"]').each(function() {
    var rating = parseInt($(this).html());

    $(this).html('');
    $(this).raty({ readOnly: true, start: rating });
});

The rating stars were shown but it always show 4 stars for both DIV although I’m sure that start value is right (I alerted the raty options to make sure it’s right).

Please help me solve this problem. Thanks.

I have tried doing it this way but it does not seem to work.

$('#no').raty({
    iconRange: [['face-c.png', 1]],
    starOff: 'face-off.png',
    hintList: ['I never met this person.'],
    target: '#meetHint',
    size: 35,
    number: 1,
    click: function(score) {
        $.fn.raty.cancel('.yes');
    }
});

$('#yes').raty({
    iconRange: [['face-e.png', 1]],
    starOff: 'face-off.png',
    hintList: ['I have met this person.'],
    target: '#meetHint',
    size: 35,
    number: 1,
    click: function(score) {
        $.fn.raty.cancel('.no');
    }
});

I’m trying to use this on a single element with a class and I get an error on mouseover the stars. Works fine if I use an id.

Is this a known problem?

I have a question about the file js/jquery.min.js..it seems to be conflicting with the needs of some of my other scripts (different version). Any ideas on how to fix that? Right now, if I take that call out everything else works. I’m not sure how to marry them all.

Hello, how can I delete space between stars?

Is it possible to keep the score both in a select (I need this for MySQL) and in div?

hello i am having a strange problem when i use your plugin with the id selector it works fine but when i use class selector then hover effect didnt work on stars

Hello, I tested on IE8,7,6 (through IETester) and it seems there is an error, can you confirm it works in those browsers?

How can I increase the spacing between the stars?

I know for a wiz like you this will sound really elemental, but I’m not really good with Jquery.. but, does your ratings accumulate. Like when one person votes and another person votes will these votes add up and then the third person who sees it will see the 2 previous votes?

Hi wbotelhos,

Thank you for your response!

My code is good working. Problem here is: “How to disable the star then click on it”.

I think using this function
$.fn.raty.readOnly(true, '.raty');

But it not working. Or i put it at a wrong place?

Mando bem ;)

What I mentioned was an error on my part. However the image folder path is not correct. I fixed it by creating an identical img folder in a level above my the Raty plugin folder. Is there a cleaner way to fix this?

Awesome plugin but would be cool to splt parameter ‘half’ to ‘show_half’ and ‘vote_half’.
Also add mousemove and mouseleave methods not only click.

I also found a bug, i think. If u set iconRange icons and start value. Then mouse enter and mouse leave the start value will be with iconRange icons and not staron.

I’m trying to integrate Raty into a web based mobile app using jQuery Mobile. It uses ajax to pull in new pages that have raty enabled divs.

So I have an event for when a new page is created, it looks for the “rating” class and initiates raty for it. The problem is that it is starting to duplicate the stars. Each time I load a new page that has an additional raty on it, it displays another row of stars.

Is there something I can do to fix this or is it just not possible with Raty?

Thanks!

yes, i have –

and re the start number – sorry, i really do have it, but it didnt paste through (it’s a dynamic variable from ASP)

Thank you very much for the fast answer!
“1 – You can you the public function start like this: $.fn.raty.start(2, ‘#star’);”
Well, it’s almost the same as $(‘#star’).raty({ start: 2 });
what I would like to do is to be able to mention the score in the middle of my page by using this syntax:
is that possible??

“2 – You can use jQuery to check the value of the score input:”
Thank you, i’ll tty it and will let you know

3- is it possible to display 2 different sizes of the stars image (small and big)?

Thanks a lot,
Regards

i don’t know if you received me last mail, but i figured out how to fix my problem. Thanks for your help, and i offer you a coffee with pleasure ;)
Bye

Hi

Love the script, nice one. Got a question though.

How do i tie a raty to an item? So if i have several items on a page and would like to have users rate each one individually, how do i pass an itemId to the script along with the score for processing?

Regards

Richard

Pois então cara, não sei o que é, eu estou gerando dinamicamente via PHP, não entendi direito o problema, acredito que não seja o caminho das imagens pois as estrelas aparecem normalmente…

Estava aparecendo um campo de texto com o valor do score, alterei os inputs para tag “a” e ficou omitido.

Valeu.

Thanks!! thanks!!!…. yes! now works.

oh, I see. Is there a fast way to provide that functionality?

Can this be used with several objects to rate? I mean, an image gallery by example. Your selector points just one object.

I tried applying this with a class name, and even using an .each loop but i can’t make it work.

By other hand, the browser keeps throwing this error:
Uncaught Syntax error, unrecognized expression: .

Any clue?

change global $this=$(this) to “var $this=$(this) ” fixes the problem you have with only last raty recognized. I also removed “live” for mouseenter and leave. Can email a copy if interested