\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8<\/a><\/font><\/p>\n\u547c\u3073\u51fa\u3057\u304b\u305f\u306f\u9069\u5fdc\u3057\u305fselect\u3092Jquery\u306b\u3042\u3052\u3066\u5fc5\u8981\u3068\u3042\u3089\u3070\u753b\u50cf\u306e\u30d1\u30b9\u3092\u8a2d\u5b9a\u3057\u3066\u3042\u3052\u3066\u304f\u3060\u3055\u3044\u3002jQuery\u30d7\u30e9\u30b0\u30a4\u30f3\u3066\u4fbf\u5229\u3067\u3059\u306d\u3002<\/p>\n
$(\"select#testStar\").jqStarRater();<\/pre>\n\u306f\u3044\u3001\u3044\u304d\u306a\u308a\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3002<\/p>\n
\/***********************************************************
* jqstarRater make with jQuery {
* since : {
* date : \"2009-01-22\",
* author : \"akato\"
* },
* lastmodified : {
* date : \"2009-02-17\",
* author : \"akato\"
* },
* methods : {
* \/\/making
* }
* }
***********************************************************\/
$(function() {
jQuery.fn.jqSstarRater = function(config){
\/\/default
config = jQuery.extend({
starDefault: '.\/images\/icon_star_off.gif'
starSelected: '.\/images\/icon_star_on.gif'
},config);
var $target = $(this);
var targetOp = {};
var nowCount = 0;
var mDownFlg = false;
var mOutFlg = false;
\/\/select options get
targetOp.name = $target.attr(\"name\");
targetOp.values = new Array();
\/\/select>option get values
$target.children(\"option\").each(function(i){
targetOp.values[i] = $(this).attr(\"value\");
});
\/\/make stars wrapper
var listChild =\"\";
for(var i=0;i<targetOp.values.length;i++) {
listChild += '<img id=\"jqStarRaterStarNo'+i+'\" rel=\"'+i+'\" src=\"'+config.starDefault+'\" \/>';
}
$target.after('<span id=\"jqStarRaterStar\" rel=\"null\"><\/span>');
var $jqStarRaterStar = $(\"#jqStarRaterStar\");
$jqStarRaterStar.html(listChild);
\/\/make dummy hidden input
$jqStarRaterStar.append('<input type=\"hidden\" id=\"jqStarRaterDummy\" name=\"'+targetOp.name+'\" value=\"0\" \/>');
\/\/remove select
$target.remove();
\/\/eventhandlr
$jqStarRaterStar.children(\"img\")
.mouseover(function() {
nowCount = $(this).attr(\"rel\");
starPaint(nowCount);
})
.mousedown(function() {
mDownFlg = true;
})
.mouseup(function() {
if(mDownFlg) {
nowCount = $(this).attr(\"rel\");
$(\"#jqStarRaterDummy\").val(targetOp.values[nowCount]);
starPaint(nowCount,\"commit\");
}
mDownFlg = false;
});
var countDebug = 0;
$jqStarRaterStar
.css(\"cursor\",\"pointer\")
.mouseout(function() {
starPaint(\"reset\");
});
var starPaint = function(counter,temp) {
if(counter === \"reset\") {
var realLength = $jqStarRaterStar.attr(\"rel\");
$jqStarRaterStar.children(\"img\").each(function(i) {
if(realLength === \"null\") $(this).attr(\"src\",config.starDefault);
else if(i<=realLength) $(this).attr(\"src\",config.starSelected);
else if(i>realLength) $(this).attr(\"src\",config.starDefault);
});
}else if(temp === \"commit\") {
$jqStarRaterStar.children(\"img\").each(function(i) {
if(i > counter) $(this).attr(\"src\",config.starDefault);
else if(i <= counter) $(this).attr(\"src\",config.starSelected);
});
$jqStarRaterStar.attr(\"rel\", counter);
}else {
$jqStarRaterStar.children(\"img\").each(function(i) {
if(i > counter) $(this).attr(\"src\",config.starDefault);
else if(i <= counter) $(this).attr(\"src\",config.starSelected);
});
}
};
return this;
};
});<\/pre>\n\u4ee5\u4e0a\u3067\u3059\u3002
\u6307\u5b9a\u3057\u305f\u30bb\u30ec\u30af\u30c8\u304c\u6307\u5b9a\u3057\u305f\u753b\u50cf\u3067\u4f5c\u3089\u308c\u305f\u30b9\u30bf\u30fc\u306b\u7f6e\u304d\u63db\u308f\u3063\u3066\u3061\u3087\u3063\u3068\u304a\u3057\u3083\u308c\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u3088\u304b\u3063\u305f\u3067\u3059\u306d\u3002
\u30dd\u30a4\u30f3\u30c8select\u30bf\u30b0\u3092\u81ea\u52d5\u7684\u306bhidden\u306b\u3057\u3066\u30b9\u30bf\u30fc\u30ec\u30fc\u30c8\u306b\u5171\u9cf4\u3057\u3066\u30ac\u30b7\u30ac\u30b7value\u3092\u66f8\u304d\u63db\u3048\u308b\u3068\u3053\u308d\u3067\u3057\u3087\u3046\u304b\u3002
\u898b\u308c\u3070\u308f\u304b\u308b\u3068\u304a\u308a\u51c4\u304f\u30b7\u30f3\u30d7\u30eb\u306a\u5b9f\u88c5\u306a\u306e\u30670.5\u30b9\u30bf\u30fc\u306b\u5bfe\u5fdc\u3068\u304b\u51dd\u3063\u305f\u3053\u3068\u306f\u51fa\u6765\u306a\u3044\u4ee3\u308f\u308a\u306b\u3067\u304d\u308b\u3060\u3051\u9ad8\u901f\u5316\u3068\u30b7\u30f3\u30d7\u30eb\u3055\u3092\u4e21\u7acb\u3057\u3088\u3046\u3068\u5fc5\u6b7b\u306b\u3082\u304c\u3044\u3066\u304a\u308a\u307e\u3059\u3002
select\u306b\u3064\u3063\u3053\u3093\u3060option\u306e\u6570\u3060\u3051\u753b\u50cf\u3092\u57cb\u3081\u8fbc\u3080\u306e\u3067\u534a\u5206\u306e\u753b\u50cf\u8a2d\u5b9a\u3057\u3066\u30bb\u30ec\u30af\u30c8\u306b\u8a2d\u5b9a\u3059\u308c\u30700.5\u306b\u5bfe\u5fdc\u3067\u304d\u306a\u3044\u3053\u3068\u3082\u306a\u3044\u3002\u3063\u3066\u3044\u3046\u304b\u3067\u304d\u308b\u3002\u3067\u304d\u308b\u3058\u3083\u3093\u3001\u3059\u3052\u30fc\uff01<\/p>\n
\u3054\u9759\u8074\u3001\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002<\/p>\n
\n
<\/div>
<\/fb:like><\/div>\n
![\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"](\"\/\/b.hatena.ne.jp\/images\/entry-button\/button-only@2x.png\")
<\/a>