YUIのツリーメニューでAjaxな動的ロード - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ YUIのツリーメニューでAjaxに動的ロード 前々回、 前回と Yahoo! UIのTreeView(以下、YUI)を利用して簡単にツリーメニューを作成するサンプルを作ってきましたが、 今回は、いよいよそれをベースに、Ajaxな動的ロード機能を追加してみます。 今回のソースは、前回作った、 配列型のJSONデータを与えて、メニューを自動生成するタイプの改造と拡張です。 前回のデータは、今回のスクリプトでもそのまま使えます。 今回の主な変更点は、Ajaxによる動的ロード機能を追加したことです。ツリーホルダに動的ロードを指定できるようにしたことで 、そのホルダをクリックすると別に用意したJSONデータの
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
