javascript Archive

してみた。
有名なソーシャルブックマークへのリンクをつけるやつです。

■addthis

JavaScriptで、オーバーレイ表示。

addthisで配布しているプラグインとコードだとちょっと不十分だったので、
wordpressテンプレートに以下のように書いて表示確認。

■ModalBoxでつくるMacOS X風ダイアログ
■modalbox.js

このライブラリ、millon.jpで随所に利用しています。
アップデートも頻繁で、今も進化を続けているようです。

サイトで利用する際、新しいリクエストをダイアログに表示する場合、
データの取得をタイムアウトする処理がなかったので、どうにか追加してみた。
（進化してるからそのうち追加されそうだけど）

ModalBoxには↓のようなCallBackが用意されています。(ver.1.6.0)

• beforeLoad - コンテンツロード前に呼ばれる
• afterLoad - コンテンツロード後に呼ばれる
• beforeHide - ダイアログが隠れる前に呼ばれる
• afterHide - ダイアログが隠れた後に呼ばれる
• afterResize - ダイアログのサイズ変更後に呼ばれる
• onShow - ダイアログが表示されたときに呼ばれる
• onUpdate - ダイアログのコンテンツが更新されたときに呼ばれる

これに タイムアウトなどの処理を加えたいと思います。

Continue reading

MacOSXのようなダイアログをページ内に表示する、
ModalBoxの改造記事を書こうと思ったんだけど、
WordPressで記事ごとにJavaScriptやCSSの読み込みを追加したくて悩む。

プラグインを利用＆改造して、
カスタムフィールドでこんな感じでできるようにしてみた。

javascript, css フィールドにファイル名を指定して追加する。
（Add-Meta-Tagsを追加で、keywords,description フィールドの指定によって、
META情報もページごとに指定可能。）

というわけで、WorｄPressの個別ページで、
ModalBoxのJSとCSSを読み込んで、表示させてみた。

↓個別ページ表示でないと動きません。

Continue reading