prototype.jsのAjax.PeriodicalUpdaterがIEで正しく動かなかったので対応メモ。
Ajax.PeriodicalUpdateは定期的に実行する関数ですが
JSONPを定期的に投げて更新していくプログラム中、
更新がなかったときに止まってしまって非常に悩んだ。
Archive for the ‘prototype’ category
prototype.js Ajax.PeriodicalUpdaterのIE対応策
9月 10th, 2010
prototype scriptaculous.jsを使ったドラッグできるソート処理
11月 4th, 2009scriptaculous.jsを使ったドラッグできるソート処理を書くよ。
loadingアイコンの表示
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用*/ }
実際に設置したのを簡略したメモなのでこのままでうまくいくか不明ｗ
2008/04/11 訂正
サンプルコードにsmarty literalが混ざっていたので修正
