2006年06月25日
チェックボックスのonChangeイベント @ Windows
複数のチェックボックスが有る場合に、全てのチェックボックスにチェックを入れるのが面倒って事で、全てのチェックボックスにチェックを入れる「全選択」チェックボックスを追加して、Javascriptでその他のチェックボックスのチェック状態を変更する仕組みを作ったのですが、onChangeイベントを使うとInternet Explorerだと上手く動作しません。全く動作しないのならば理解できるのですが、「全選択」チェックボックスとは逆の動きになったり、他のチェックボックスをチェックすると全選択状態になったり、奇妙な挙動をします。Firefoxだと問題ないんですけどね。
少し調べてみたら、Internet Explorerのフォームの要素はイベントが抜けていることがあるらしい。もしかするとonChangeイベント自体が正しく実装されてないのか?
仕方がないので、onClickを使うことにしました。まぁこれを使うのが無難なんだけど、何故か最初にonChangeで作ってしまったんですよね。で、Internet Explorerで具合悪いことを発見。
何処の時点で具合悪くなっているのか調べてないのですが、labelを使ったりしているので、その辺の絡みで具合悪いのかも。ラベルをクリックするとそこでonClickイベントが発生しているはずで、その次にチェックボックスの内容が変化し、そこでonChangeが発生する。挙動からするとラベルをクリックしてラベルのonClickイベントが発生。チェックボックスのonClickイベントが発生に成っていると思われるので、まぁ。onClickイベントでも良いのですが、何となく気持ち悪いなぁ。ラベルをクリックした場合、onClickイベントが発生するのはラベルだけ、チェックボックスはonChangeだけのイベント発生になるべきだと思います。
Internet Explorer 6(Windows)、Firefox 1.5.0.4(Mac)、Opera 9(Mac)、Safari 1.3.2でチェックして問題なかったので、onClickで行きます。
Internet Explorerでチェックしてなかったから、予想外の手間が増えて気付いたら朝から夕方まで何も食べてなかった。久々にお腹が鳴ってその事実に気付きました。(T_T) 不具合はこれだけではなく、仕様が何度も変更になっているので、その影響で不具合とかゴミが大量にソースに紛れてます。トホホ。
関連日記
- 2012年02月17日 Unityでカメラを使ったiOSアプリ (10684)@ Mac
- 2006年11月29日 大量にあるswfの縦横幅の調べ方 (7771)@ Flash
- 2006年04月25日 Flashアクティブ コンテンツ アップデート (6664)@ Flash
- 2012年10月19日 Lightweight SWF (6301)@ Flash
- 2008年02月21日 テキストエリアの自動拡張 (5728)@ ウェブ
- 2005年12月07日 Google Maps APIのIEでの問題 (5578)@ ウェブ
- 2010年03月27日 Seleniumでiframeの中を書き換える (5380)@ ウェブ
- 2007年06月29日 Yahoo! Flash版地図API (5180)@ Flash
- 2006年03月10日 TiddlyWiki (5154)@ ウェブ
- 2008年02月21日 テキストエリアのリサイズ (4789)@ ウェブ
- 2008年10月25日 音声認識テキスト入力Javascriptライブラリ「w3voiceIM.js」 (4534)@ ウェブ
- 2007年09月19日 YSlowでウェブページのパフォーマンスチェック (4337)@ Mac
- 2008年12月13日 Javascirpt製マークアップ・エディター「SmartMarkUP」 (4334)@ ウェブ
- 2005年08月22日 Google Maps API 実験 (4205)@ ウェブ
- 2007年01月08日 FireBug (4135)@ Mac
- 2007年09月25日 Spry XMLDataSetで表示数の制限2 (4072)@ Mac
- 2011年02月28日 UnityがMolehillをサポート (4003)@ Flash
- 2007年09月18日 jQueryでテーブルをシマシマに (3826)@ ウェブ
- 2005年08月20日 Google Maps::showMapBlowup (3765)@ ウェブ
- 2009年06月28日 Fireworksのガイドラインをスクリプトで作る (3719)@ Mac
- 2010年03月14日 Titanium (3712)@ iPod touch
- 2012年04月24日 Adobe CS6(ウェブ関連) (3561)@ ウェブ
- 2011年02月16日 Wordpressに外部CSSやJSファイルを読み込む (3470)@ ウェブ
- 2008年02月20日 Adobe Director 11 (3420)@ Mac
- 2010年11月29日 光学迷彩 (3420)@ Mac
- 2005年11月21日 入門 Ajax/高橋 登史朗 (著) (3411)@ ウェブ
- 2007年03月07日 Javascript DHTML calendar (3381)@ ウェブ
- 2006年08月01日 Dreamweaverのライバルとなるのか?Aptana (3371)@ Mac
- 2006年01月27日 MX Kollectionでフォームの入力チェック (3335)@ Mac
- 2007年09月04日 Y!ローカルサーチAPI+Adobe Spry (3290)@ Mac
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。