2008 年 8月 アーカイブ

jQuery版画像プロテクションプラグイン をリリース!!

2008-08-18 (月)カテゴリJavascript, jQueryタグ

先日PHPSPOTさんの記事で画像をプロテクションする仕組みのJavascriptが取り上げられていました。
自サイトの画像の保存をプロテクションする仕組み
早速使ってみたところ

  • mootoolで動作する
  • 画像に付けたリンクまで消えてしまう

との感じでトレードオフが気になったので、jQueryのプラグインとして作り直してみました。
あまりmootoolやprototypeとかライブラリでソースと読み込みをごちゃごちゃさせたくないよね!
(ちなみに僕はjQueryベースでJavascriptを構築していく事が多いので。。)
そんなわけで、上記のような問題点も解消!わーパチパチw

お仕事などでダウンロードさせたくないんだけど、出来ない?とか言われた際に
サクッと導入出来るので良いと思います。




こんな感じでいけます!

ダウンロードはここからどうぞー

git使ったレポジトリ

2008-08-11 (月)カテゴリ制作タグ

subversionしか使ったことなかったけど
最近だとgitとかが流行ってるんですね。
はてなインターン1週間のまとめ

はてなもgit使ってるみたいだし
レポジトリや他の概念がまだ分かってないのでじっくり時間使ってやらなきゃな。。

IDEA*IDEAで紹介されていたので
はじめてのgit

star ratingのいたずら防止

2008-08-08 (金)カテゴリJavascript, Word Press, jQuery, デザインタグ

スターレーティングを簡単に作成する時に重宝しているjQueryのプラグイン
jQuery Star Rating Plugin 2.4
http://www.fyneworks.com/jquery/star-rating/

便利なんだけど大きなサイトとかで使う場合、デフォルトだと何度もクリック出来ちゃう。
なので、いたずら防止で以下のコードを追加してあげます。

63行目以下ののclickイベントを以下の形に変更

Java Script
click: function(n, el, settings){	// Selected a star or cancelled
$.rating.groups[n].current = el;
var lnk = $(el).children('a'); val = lnk.text();
// Set value
$.rating.groups[n].valueElem.val(val);
//
//ここから追加
$.rating.groups[n].readOnly = true;
$.rating.groups[n].valueElem.siblings('.star_group_'+n)
.addClass('star_readonly')
.removeClass('star_live')
.unbind("mouseover mouseout");
//ここまで

// Update display
if($.rating.groups[n].readOnly == false){	//このif文も追加
	$.rating.event.drain(n, el, settings);
	$.rating.event.reset(n, el, settings);
// click callback, as requested here: http://plugins.jquery.com/node/1655
if(settings.callback) settings.callback.apply($.rating.groups[n].valueElem[0], [val, lnk[0]]);
}//閉じも忘れずに。
}

1回★のレーティングした後は更新ボタン押さないといけないようになりました。
古いバージョンだとイベントなどが毎回読み込まれていたようですが、新しいバージョンだと
設定部分にイベント関数が来てたりと、随分内容が変わっていました。
古いバージョンだと

Java Script
settings.cancel = <span class="synConstant">false</span>;

とclickのアクションに追加するだけなので楽ちんだったけど
イベント周りがバラバラだったので、新しい方がすっきりしてると思いました。