script.aculo.usで、2つのエフェクトを交互に実行する（Effect.toggle）
script.aculo.usにはエフェクトをトグルする機能が用意されている。 Effect.toggle($('element'), 'slide');このようにすることで 要素が見えている場合はSlideUpを適用して隠し、 要素が見えていない場合はSlideDownを適用して出現させる という処理を自動化できる。自分で判断しなくて良いので楽チンだ。 デフォルトでは Effect.PAIRS = { 'slide': ['SlideDown','SlideUp'], 'blind': ['BlindDown','BlindUp'], 'appear': ['Appear','Fade'] },という3組が用意されているが、これは自分で定義することも可能。 例えば以下のようにすると Grow ⇔ Shrink のトグルエフェクトが定義できる。 Effect.PAIRS['grow-shr
川o・-・）＜2nd life script.aculo.usのファイルサイズを軽減
http://www.goodpic.com/mt/archives2/2006/02/ajax.html で紹介されてる通り、script.aculo.usは通常のロードではファイルサイズが100KBを超えます。しかし、それはフルでロードしたときの容量なのです。script.aculo.usはロードするパッケージを選ぶことができる*1ので必要な機能だけを選べば良いのです。例えば、たいていの場合はscript.aculo.usのeffects.jsだけしか使わなかったりするので <script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script> とすればOK。これでファイルサイズは34KBに収まります。また、二つ以上のパッケージを選択したい場合は <script src="/js/scriptac
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
