im playing around with a rating star jquery, i trying to get the value from the radio group but it is not selected???
<?php require_once('Connections/international.php'); ?>
<? mysql_query("SET NAMES 'utf8'")?>
<!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" xml:lang="en" lang="en">
<head>
<title>jQuery Star Rating Plugin v3.13 (2009-03-26)</title>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.js' type="text/javascript"></script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/documentation.js' type="text/javascript"></script>
<link href='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/documentation.css' type="text/css" rel="stylesheet"/>
<script type="text/javaScript" src="http://www.fyneworks.com/jquery/project/chili/jquery.chili-2.0.js"></script>
<script type="text/javascript">try{ChiliBook.recipeFolder="/jquery/project/chili/"}catch(e){}</script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.MetaData.js' type="text/javascript" language="javascript"></script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.js' type="text/javascript" language="javascript"></script>
<link href='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css' type="text/css" rel="stylesheet"/>
</head>
<body>
<a name="top"></a>
<div id="wrap">
<div id="body">
<div id="documentation" class="tabs">
<div id="tab-Testing">
<h2>Test Suite</h2>
<script type="text/javascript" language="javascript">
$(function(){
$('#form1 :radio.star').rating();
$('#form2 :radio.star').rating({cancel: 'Cancel', cancelValue: '0'});
$('#form3 :radio.star').rating();
$('#form4 :radio.star').rating();
});
</script>
<script>
$(function(){
$('#tab-Testing form').submit(function(){
$('.test',this).html('');
$('input',this).each(function(){
if(this.checked) $('.test',this.form).append(''+this.name+': '+this.value+'<br/>');
});
return false;
});
});
</script><div class="Clear"> </div>
<form name="form1" id="form1" method="POST">
<strong style='font-size:150%'>Test 2</strong> - With defaults ('checked')
<table width="100%" cellspacing="10"> <tr>
<td valign="top" width="">
<table width="100%">
<tr>
<td valign="top" width="50%">
<div class="Clear">
Rating 1:
(N/M/Y, default M)
</div>
<div class="Clear">
<input class="star" type="radio" name="rating1" value="0" id="rating1_0" title="0"/>
<input class="star" type="radio" name="rating1" value="1" id="rating1_1" title="1"/>
<input class="star" type="radio" name="rating1" value="2" id="rating1_2" title="2"/>
</div>
<div class="Clear">
Rating 2:
(10 - 50, default 30)
</div>
<div class="Clear">
<input class="star" type="radio" name="rating22" value="10"/>
<input class="star" type="radio" name="rating22" value="20"/>
<input class="star" type="radio" name="rating22" value="30" checked="checked"/>
<input class="star" type="radio" name="rating22" value="40"/>
<input class="star" type="radio" name="rating22" value="50"/>
</div>
<div class="Clear">
Rating 3:
(1 - 7, default 4)
</div>
<div class="Clear">
<input class="star" type="radio" name="rating23" value="1"/>
<input class="star" type="radio" name="rating23" value="2"/>
<input class="star" type="radio" name="rating23" value="3"/>
<input class="star" type="radio" name="rating23" value="4" checked="checked"/>
<input class="star" type="radio" name="rating23" value="5"/>
<input class="star" type="radio" name="rating23" value="6"/>
<input class="star" type="radio" name="rating23" value="7"/>
</div>
</td>
<td valign="top" width="50%">
<div class="Clear">
Rating 4:
(1 - 5, default 1)
</div>
<div class="Clear">
<input class="star" type="radio" name="rating24" value="1" title="Worst" checked="checked"/>
<input class="star" type="radio" name="rating24" value="2" title="Bad"/>
<input class="star" type="radio" name="rating24" value="3" title="OK"/>
<input class="star" type="radio" name="rating24" value="4" title="Good"/>
<input class="star" type="radio" name="rating24" value="5" title="Best"/>
</div>
<div class="Clear">
Rating 5:
(1 - 5, default 5)
</div>
<div class="Clear">
<input class="star" type="radio" name="rating25" value="1"/>
<input class="star" type="radio" name="rating25" value="2"/>
<input class="star" type="radio" name="rating25" value="3"/>
<input class="star" type="radio" name="rating25" value="4"/>
<input class="star" type="radio" name="rating25" value="5" checked="checked"/>
</div>
<div class="Clear">
Rating 6 (readonly):
(1 - 5, default 3)
</div>
<div class="Clear">
<input class="star" type="radio" name="rating26" value="1" disabled="disabled"/>
<input class="star" type="radio" name="rating26" value="2" disabled="disabled"/>
<input class="star" type="radio" name="rating26" value="3" disabled="disabled" checked="checked"/>
<input class="star" type="radio" name="rating26" value="4" disabled="disabled"/>
<input class="star" type="radio" name="rating26" value="5" disabled="disabled"/>
</div>
</td>
</tr>
</table>
</td>
<td valign="top" width="5"> </td> <td valign="top" width="50">
<input type="submit" value="Submit" name="submit"/> </td>
<td valign="top" width="5"> </td> <td valign="top" width="160">
<u>Test results</u>:<br/><br/>
<div class="test Smaller">
<span style="color:#FF0000">Results will be displayed here</span>
</div>
</td>
</tr>
</table>
<script>
$(function(){
$('.hover-star').rating({
focus: function(value, link){
// 'this' is the hidden form element holding the current value
// 'value' is the value selected
// 'element' points to the link element that received the click.
var tip = $('#hover-test');
tip[0].data = tip[0].data || tip.html();
tip.html(link.title || 'value: '+value);
},
blur: function(value, link){
var tip = $('#hover-test');
$('#hover-test').html(tip[0].data || '');
}
});
});
</script>
<div class="Clear"> </div><div class="Clear"> </div>
</div>
</div>
</div>
<div id="push"></div>
</div>
</form>
</body></html>
<?php
mysql_select_db($database_international, $international);
$query=mysql_query("INSERT INTO ratings_tbl (Comfort) VALUES ('$_POST[rating1]'')");
$selected_radio = $_POST['rating1'];
echo $selected_radio;
var_dump($_POST);
;?>
