<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ExtJSで楽しくRIA業務アプリ開発 &#187; Firefox</title>
	<atom:link href="http://extjs.blog.sus4.co.jp/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://extjs.blog.sus4.co.jp</link>
	<description>株式会社sus4 開発チーム</description>
	<lastBuildDate>Wed, 01 Jun 2011 09:32:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ExtJS Tips FirefoxでExtJSとブラウザのコンテストメニューが重なるときの対応方法</title>
		<link>http://extjs.blog.sus4.co.jp/2010/02/16/extjs-tips-contextmen/</link>
		<comments>http://extjs.blog.sus4.co.jp/2010/02/16/extjs-tips-contextmen/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 05:21:45 +0000</pubDate>
		<dc:creator>佐竹 裕行</dc:creator>
				<category><![CDATA[ExtJSチュートリアルｓｕｓ４版]]></category>
		<category><![CDATA[ExtJS情報]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[サンプル]]></category>

		<guid isPermaLink="false">http://extjs.blog.sus4.co.jp/?p=441</guid>
		<description><![CDATA[今回は備忘録も兼ねてFireFoxのコンテクストメニュー（右クリックメニュー）とExtJSで設定したコンテクストメニューが重なる場合の対処方法の紹介です。
グリッドなどで独自のコンテクストメニューを作成したときに、ブラウザのメニューを出さないようにキャンセルさせるには、以下のようにコンテクストメニューのイベントでe.stopEvent();を実行します。]]></description>
			<content:encoded><![CDATA[<p>今回は備忘録も兼ねてFireFoxのコンテクストメニュー（右クリックメニュー）とExtJSで設定したコンテクストメニューが重なる場合の対処方法の紹介です。</p>
<p>グリッドなどで独自のコンテクストメニューを作成したときに、ブラウザのメニューを出さないようにキャンセルさせるには、以下のようにコンテクストメニューのイベントでe.stopEvent();を実行します。</p>
<pre class="brush: js; ">

/**
 * コンテクストメニューを生成
 */
onContextClick: function(grid, index, e)
{
	・・・

	e.stopEvent();
	grid.contextMenu.showAt(e.getXY());

	・・・
}
</pre>
<p>通常はこれでブラウザのコンテクストメニューはキャンセルされて表示されません。<br />
<div id="attachment_442" class="wp-caption aligncenter" style="width: 310px"><a href="http://extjs.blog.sus4.co.jp/files/2010/02/SS-2010.02.16-13.57.43.png" title="コンテクストメニュー（正常な動作）" rel="lightbox[441]"><img src="http://extjs.blog.sus4.co.jp/files/2010/02/SS-2010.02.16-13.57.43-300x125.png" alt="コンテクストメニュー（正常な動作）" title="コンテクストメニュー（正常な動作）" width="300" height="125" class="size-medium wp-image-442" /></a><p class="wp-caption-text">コンテクストメニュー（正常な動作）</p></div></p>
<p>しかしFirefoxでは、まれに以下のようにブラウザのメニューが表示されてしまい、Extのメニューを覆ってしまいます。<br />
<div id="attachment_443" class="wp-caption aligncenter" style="width: 310px"><a href="http://extjs.blog.sus4.co.jp/files/2010/02/SS-2010.02.16-13.57.33.png" title="コンテクストメニュー（ブラウザメニューとかぶっている）" rel="lightbox[441]"><img src="http://extjs.blog.sus4.co.jp/files/2010/02/SS-2010.02.16-13.57.33-300x114.png" alt="コンテクストメニュー（ブラウザメニューとかぶっている）" title="コンテクストメニュー（ブラウザメニューとかぶっている）" width="300" height="114" class="size-medium wp-image-443" /></a><p class="wp-caption-text">コンテクストメニュー（ブラウザメニューとかぶっている）</p></div></p>
<p>この動作はJavaScriptのコードバグではなく、ブラウザのJavaScriptの実行設定が原因のようです。</p>
<p>ブラウザのJavaScriptの実行設定を変更します。<br />
Firefox　>　ツール　>　オプション　>　コンテンツ　>　JavaScriptを有効にする　＞　詳細設定　>　コンテキストメニューを無効化または変更する　にチェックを入れる</p>
<div id="attachment_455" class="wp-caption aligncenter" style="width: 310px"><a href="http://extjs.blog.sus4.co.jp/files/2010/02/SS-2010.02.16-14.29.22.png" title="Firefoxの設定" rel="lightbox[441]"><img src="http://extjs.blog.sus4.co.jp/files/2010/02/SS-2010.02.16-14.29.22-300x201.png" alt="Firefoxの設定" title="Firefoxの設定" width="300" height="201" class="size-medium wp-image-455" /></a><p class="wp-caption-text">Firefoxの設定</p></div>
<p>これでExtのコンテキストメニューだけが表示されるようになります。<br />
JavaScriptのセキュリティを強化しているFirefoxでよく見かけるので、特定のFirefoxだけおかしい場合に疑ってみてください。</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fextjs.blog.sus4.co.jp%2F2010%2F02%2F16%2Fextjs-tips-contextmen%2F&amp;linkname=ExtJS%20Tips%20Firefox%E3%81%A7ExtJS%E3%81%A8%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%86%E3%82%B9%E3%83%88%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%8C%E9%87%8D%E3%81%AA%E3%82%8B%E3%81%A8%E3%81%8D%E3%81%AE%E5%AF%BE%E5%BF%9C%E6%96%B9%E6%B3%95"><img src="http://extjs.blog.sus4.co.jp/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://extjs.blog.sus4.co.jp/2010/02/16/extjs-tips-contextmen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

