scriptaculous.jsを使ったドラッグできるソート処理を書くよ。
Archive for the ‘prototype’ category
prototype scriptaculous.jsを使ったドラッグできるソート処理
11月 4th, 2009loadingアイコンの表示
10月 8th, 2009ajaxで通信中はユーザーにわかりにくいのでloadingアイコンでも表示させようと思った。
prototypeのElement.showとhideを使えば楽勝じゃんって思っていたのにちょっとハマったのでメモ。
» Read more: loadingアイコンの表示
Highlight image hover effect (opacity or borderize)
10月 30th, 2007ちょっと変わったhoverイベントの書き方をしていたののがあったのでメモ
» Read more: Highlight image hover effect (opacity or borderize)
script.aculo.us Effect.toggleのメモ
9月 10th, 2007script.aculo.us Effect.toggleを使ったのでメモ
要素を半透明にしてabsoluteにして表示
<a href="#" onclick="Effect.toggle('d3','slide',{duration :0.2}); return false;">トグル</a> <span id="d3"> <a href="#" onclick="Effect.toggle('d3','slide',{duration :0.2}); return false;">閉じる</a> (トグルだけど表示された中身にも閉じるボタン) </span>
#d3 { position: absolute; /*浮かす*/ display: none; /*初期は非表示*/ filter: alpha(opacity=70); /*IE用*/ opacity: 0.7; /*Safari用*/ -moz-pacity: 0.7; /*FireFox用*/ }
実際に設置したのを簡略したメモなのでこのままでうまくいくか不明w
2008/04/11 訂正
サンプルコードにsmarty literalが混ざっていたので修正