ユーザビリティー | Web活メモ帳 https://blog.verygoodtown.com WEB開発者が使える世界の情報を発信します Sat, 13 Feb 2010 16:30:25 +0000 ja hourly 1 https://wordpress.org/?v=5.9.10 122803348 キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」 https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/ https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/#respond Sat, 13 Feb 2010 04:21:13 +0000 http://blog.verygoodtown.com/?p=2181 YUIのドロップダウンメニューにて、キーボードでのフォーカスに対応させる事が可能になったようです。SimpleMenu module というモジュールでYahooでの検索に使用するために作られたとの事。 以下のようなコー […]

The post キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」 first appeared on Web活メモ帳.]]> yui
YUIのドロップダウンメニューにて、キーボードでのフォーカスに対応させる事が可能になったようです。SimpleMenu module というモジュールでYahooでの検索に使用するために作られたとの事。

以下のようなコードで簡単に実現できるようです。
html


YUI-Related Links

JavaScript

<script type="text/javascript" 
src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js&gallery-2010.02.10-01/
build/gallery-simple-menu/gallery-simple-menu-min.js"></script>

<script language="javascript">
YUI().use('gallery-simple-menu', function(Y) {
    Y.one('#optionsmenu').plug(Y.Plugin.SimpleMenu);
});
</script>

css

#optionsmenucontainer {
    left:-4500px;
    position:absolute;
}

#optionsmenucontainer.menu-visible {
    left:auto;
}

サイトではデモが紹介されています。
ユーザビリティーを強化させたい方は使ってみてはいかがでしょうか。

The post キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」 first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/feed/ 0 2181