Archive for the ‘prototype’ category

prototype scriptaculous.jsを使ったドラッグできるソート処理

11月 4th, 2009

scriptaculous.jsを使ったドラッグできるソート処理を書くよ。

» Read more: prototype scriptaculous.jsを使ったドラッグできるソート処理

loadingアイコンの表示

10月 8th, 2009

ajaxで通信中はユーザーにわかりにくいので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, 2007

script.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が混ざっていたので修正