[k]id
2010年3月29日
2010年3月26日
たま〜に「html内の画像の保存をさせたくないので右クリックを禁止してくれますか？」
等の若干疑問を抱くリクエストを受け付ける事があります。
ユーザービリティ的には決して褒められた事ではないのですが、
どうしても反発出来なかった場合はjQueryでサクッと実装してしまいます。
jQueryを読み込んだ上で
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});2010年2月25日
Ajaxで背景を変更やフォーム等で色を選択する場合は最近ではカラーピッカーを
使用する事が多いと思うのですが、jQueryプラグインでは機能が多すぎたりする事が多く
なかなか良い方法がありませんでした。
Virgil Rebotonさんにシンプルで実装しやすそうなカラーピッカーがあったのでご紹介します。
jQuery Color Picker
サンプルも公開されています
<script src="jquery-1.2.2.js" type="text/javascript"></script> <script src="ColorPicker.js" type="text/javascript"></script>
<style type=text/css media=all>@import url( ColorPicker.css );</style>
<script type="text/javascript" charset="utf-8">
<!--
jQuery(function($)
{
$("#picker1").attachColorPicker();
});
//-->
</script><input name="任意のname" id="picker1" size="7">
2010年2月10日
JQueryでSwapImageさせようと思い、
奇麗なソースがないかと調べていたところ、
chobugyoさんの[jquery]ないのでつくってみた「jquery SwapImage Menu」に端的なコードがあったので参考にさせていただく事にしました。
コードは以下、記事、ありがとうございます。参考にさせていただきます。
$(function(){
$("#buttons a").hover(function(){
var picture = "images/" + $(this).attr("class") + ".jpg";
$("#swapimage .floatPicture:visible").fadeOut("fast",function(){
$("#swapimage .floatPicture:hidden").fadeIn("fast").attr("src",picture);
});
$("#swapimage a").attr({
href:$(this).attr("href"),
title:$(this).attr("title")
});
$("#swapimage .basePicture:visible").fadeIn("fast").attr("src",picture);
});
});2010年2月9日
JSなどで画像等を後から読み込んだりする場合、
先読みをしておかないとまずい場合があるとおもいます。
そんなときにJQueryのattrにて下記のソースで先読み設定ができるようです。
jQuery.preimg = function()
{
for(var i = 0; i<arguments.length; i++)
{
jQuery("<img>").attr("src", arguments[i]);
//配列から読み込み
}
};
jQuery.preimg("画像名.jpg", "画像名.jpg");
