search

tcallsen / jquery-star-rating-plugin

Automatically exported from code.google.com/p/jquery-star-rating-plugin
0 stars 0 forks source link

Completely new and stuck #107

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1.importing
2.using jquery
3.

What is the expected output? What do you see instead?
I am hoping to just get the stars to even appear but that isnt working. Then 
very new to jquery and no idea how to call functions, never mind passing values 
to it, this is what I have so far

#
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Plain.aspx.vb" 
Inherits="Startester.Plain" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="~/Scripts/jquery.rating.js">
            $('.adv1').rating(
                  callback: function(value, link){ 
                   alert(value); 
                  } 
            });
</script>
<style type="text/css">
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:
-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 
-16px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating 
a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="star-rating-hover">
<input name="adv1" type="radio" class="star {split:2}"/>
<input name="adv1" type="radio" class="star {split:2}"/>
<input name="adv1" type="radio" class="star {split:2}"/>
<input name="adv1" type="radio" class="star {split:2}"/>
<input name="adv1" type="radio" class="star {split:2}" checked="checked"/><br />
    </div>
    </form>
</body>
</html>
#

What version of the plugin/jQuery are you using?
PLUGIN VERSION:3.14
JQUERY VERSION:1.4.1

On what browser(s) or operating system?
BROWSER(S): windows

Please provide a link to where the problem can be observed:
URL:

Feel free to provide any additional information below.

Original issue reported on code.google.com by iwparke...@gmail.com on 17 Aug 2012 at 3:56

GoogleCodeExporter commented 9 years ago 
You have to add jQuery to the page.
THEN add the plugin.

You need to add this...
<script type="http://code.jquery.com/jquery-1.9.1.min.js">

BEFORE this...
<script type="~/Scripts/jquery.rating.js">

Original comment by diego.a...@gmail.com on 24 Feb 2013 at 12:55