前回の記事では、Firefox8で対応したMenuタグを使っていろいろ遊んでみたのですが、今回の記事では引き続き、このMenuタグを使って、実用的な例として、右クリックメニューにFacebookとかの共有メニューを表示してみたいと思います。 とりあえずデモを作ってみました。Firefox8で開いて、右クリックしてみてください。Facebookのいいねボタンをクリックするポップアップが開くところがダサイですが仕方ないです。 ソースコード たいしたコードではないのですが、以下のようなソースコードです。コピペで使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>共有メニューのデモ</title> </head> <body> <div id="container" contextmenu
とりあえずデモを作ってみました。Firefox 8で開いて、右クリックしてみてください。 ※この記事は、Firefox8リリース直後に書きました。 現段階では、menuタグの仕様は確定されていません。当然今後変更になる可能性がありますので、ご注意ください。 menuタグの使い方 基本的な使い方は、以下のようになります。メニュータグをコンテキストメニューとして認識させるには、type=contextを指定し、右クリックの対象となる任意の要素のcontextmenu属性として、メニューのIDを指定することで、関連付けが行われます。メニュー項目の定義には、menuitem要素を使います。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>コンテキストメニューデモ</title> </head> <bod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く