Home > Internet > Web関連 > scriptaculousを試してみる

scriptaculousを試してみる

このサイトはLightbox JS v2.0を使っているので、Prototypescript.aculo.usがヘッダで読み込まれてます。

今まで難しそうだなぁと敬遠していたのですが、最近色んなJavascriptを読み込んで重いなぁと思っていたので、試しに「あれこれポップアップ」と「Lightbox2」のみ(実際にはGoogle Analyticsとかが残ってますが)にした上で、何ができるかやってみる事にしました。

さぁ~っと眺めたところ、機能変更、お知らせなど - はてな技術発表会日記 - 11月11日の技術勉強会で簡単なまとめがされてるので、それを見ながら試してみました。

<div id="test">FadeEffect</div>
<div onclick="Effect.Fade('test')">Effect.Fade</div>
<div onclick="Effect.Appear('test')">Effect.Appear</div>

たったこれだけで、動くんですね。
ヘッダのscriptaculous.jsの読み込み時に、「?load=effects」ってやってると、Effect以下の機能が使えるって事なのかな。

へぇ! こんなに簡単だったんだ。いろいろ試してみたくなりました。

ping a Trackback

TrackBack URL for this entry.(1)

Please! leave a Comment.

スクリプトの読み込みが完了していません。

メールフォーム(Javascriptを使用していません)や、twitter.pngTwitter経由のCommentでもReplyいたします。ただし返信はブログのコメントとして行う事もあります。

Comment Form

QuickTagsHere

EmoticonHere

(入力しない場合「Anonymous」で代替されます)
(公開はされませんが、Gravatarアイコンの取得や、Comment Subscribeの送信先アドレスとして使われます)
(入力すると、コメント表示でユーザー名にリンクが貼られます)
(この情報は、JavascriptによりCookieに保存されます。)

NotifyMail Powered by Comment Subscribe

はてブコメント:

Home > Internet > Web関連 > scriptaculousを試してみる

AjaxSearch
(5)
(6)

別ページに遷移します。

Powered by 暴想&Dakiny/DigiClo

Tag Cloud

Style References

OpenID accepted here

Accepted OpenID
OpenID認証に対応しています

OpenIDについて

Feeds
Link Status
Read Together
  • LOADING...

ブログ/RSS/キーワードAPI - sidetools

In One

なかのひと

位置情報ブログパーツ「なかのひと」

Links
Powered By

Return to page top