jQuery Star Rating設置のチュートリアル(分割編)

| | コメント(0) | トラックバック(0)
前回の勢いで、今度は分割に挑戦してみることにした。



 最高5つ星を4分割にすることに。で、0.25区切り。
そうすると、ラジオボタン部分はこうなる。
       <input name="star2" type="radio" class="star2 {split:4}" value="0.25"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="0.5"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="0.75"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="1"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="1.25"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="1.5"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="1.75"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="2"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="2.25"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="2.5"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="2.75"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="3"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="3.25"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="3.5"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="3.75"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="4"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="4.25"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="4.5"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="4.75"/>
       <input name="star2" type="radio" class="star2 {split:4}" value="5"/>
3分割や2分割の場合はsplit:4の4を3とか2にすればよし。
ダブルクオーテーション抜けとか、不備があると、そのタグがなかったことになって、星が欠けてしまうので注意。

で、普通に起動スクリプトを記述する。
    j$('input.star2').rating();

が半分になってくんない。星が20個だーっと並んでしまう。
すげー調査をした結果、分割にはmetadataプラグインがいるとのこと。つーか、このページのソースを見ないとわからないとこに書いてあったんですけど。。

ということで
<script type="text/javascript" src="/js/jquery/jquery.MetaData.js?1"></script>
で分割された。


トラックバック(0)

このブログ記事を参照しているブログ一覧: jQuery Star Rating設置のチュートリアル(分割編)

このブログ記事に対するトラックバックURL: http://hirop0164.s326.xrea.com/mt/mt-tb.cgi/248

コメントする


画像の中に見える文字を入力してください。

このブログ記事について

このページは、ぴろしが2009年1月28日 01:35に書いたブログ記事です。

ひとつ前のブログ記事は「jQuery Star Rating設置のチュートリアル(似非)」です。

次のブログ記事は「smartyでよく使いそうな自作プラグイン1-指定文字数を超えたら...」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。