お世話になりんす、バイタリフィ加藤です。
default.jquery.jsっていうよくわからないものを作りました。
基本的にjquery.jsと一緒に呼び出しておくといろいろ細かい便利機能を追加するっていう。
関数がそれなりにあるので使うページで使う関数だけ実行するようになってます。
一応下記それぞれの関数説明。
<script src="./common/js/jquery/jquery.js" type="text/javascript"></script>
<script src="./common/js/jquery/default.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
//call only use func
var dummyValue = {
value:"検索文字を入力してください",
color:"#aaaaaa"
};
$("input#unkop").dfDummyValueForm(dummyValue);
//df.RollOver(true);//存在チェックなんかうまく動かない
df.RollOver();
df.NewWindow("common/images/icon_external.png");
df.WindowEventX();
df.TextareaAutoSelecta();
$("ul#checkbox").dfCheckboxDragger();
var colors = {
colorEven:"#ccc"
};
$("ul#colorSeparate").dfListOddEven(colors);
});
</script>
ドラッグでチェック(jqueryプラグイン)
$("ul#checkbox").dfCheckboxDragger();
チェックボックスをクリックしてそのままドラッグでなぞるとチェックボックス入れたり出したり。
リストを交互に色わけ(jqueryプラグイン)
var colors = {
colorEven:"#ccc"
};
$("ul#colorSeparate").dfListOddEven(colors);
リストのli、奇数に”even”、偶数に”odd”ってクラスをつけるだけのプラグイン。
オプションでcolorOdd,colorEvenにそれぞれカラーコードを入れると背景色も自動設定
inputにダミーの値(jqueryプラグイン)
var dummyValue = {
value:"検索文字を入力してください",
color:"#aaaaaa"
};
$("input#unkop").dfDummyValueForm(dummyValue);
よくある未入力のinput Textに薄く入力を促すメッセージをセットしておくプラグイン。
文字と文字色を設定。そんだけ
画像ロールオーバ
df.RollOver();
imgにクラスrolloverで”ファイル名+_s.拡張子”にロールオーバ。そんだけ。
本当は画像ファイルの存在チェック関数入れてあるんだけどうまく動かないので未使用。
input type=”image”にも対応。
_blankシミュレート
df.NewWindow("common/images/icon_external.png");
target=”_blank”を使わないで頑張れる。
引数に画像ファイル名を渡すと各リンクにアイコン画像を付加。渡さなければその処理はなし。
window.eventをMozillaでも。
df.WindowEventX();
Mozillaとかでもwindow.event関数を使えるようにするだけのもの。jQueryつかっててもここはやっぱりひつようになること多し。
です。詳しくはサンプルページ参照。
ちなみに全関数をonloadで呼び出すと最初の呼び出しから一通りのセットまでが289msかかりました。もっとチューニングできそうですがとりあえず使うページで使う関数だけ呼ぶのがいいと思います。
とりあえずバーっとかいてあるのでこれから精査していきます。