前の記事 ≪:Amazon ECS4の新バージョンがリリース
次の記事 ≫:Mac OS X用del.icio.us登録アプリ : Pukka

Ajaxで吹き出し方式のテキストヒント作成ライブラリ

2006年06月14日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
Ajax tooltip

This is an Ajax tooltip script. When you roll your mouse over the "info" links in the table, ajax will show tooltip content from external files.

Ajaxで吹き出し方式のテキストヒント作成ライブラリ。



使い方は、必要なCSSとJavaScriptをインクルードして次のようにアンカーのonmouseover/onmouseout に書くだけでよいみたいです。

<a href="#" onmouseover="ajax_showTooltip('読み込むページのURL',this);return false" onmouseout="ajax_hideTooltip()">

マウスオーバーすると「読み込むページのURL」で指定したURLの内容が、ポップアップ内に、Ajax によって読み込まれます。
ポップアップ内容を引数の値によって動的に書き換えたい場合に使えますね。

関連エントリ
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ

関連の記事検索:Ajax, JavaScript, CSS, ライブラリ, Webデザイン, PHP
スポンサード リンク

By.KJ : 2006年06月14日 09:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)