すいません。この質問2度目デス。
少し状況が変わり、用は
・tableタグからマウスが出たら、イベント(ページを変える。)を発動。
という事をやりたい訳なんですが、、、いくつか問題が有って、
条件
・table内にはtr、tdがたくさんあるものとする。
・(諸事情により、imgで架空的なtableは作りたくない。)
・html+javascriptのみで作成したい。
・動作環境はIE5.0以上のみでよい。
・(知らない人の為に書きますが)セル間の所は(space等をすべて0にしても)ど うやらブラウザがtable上と認識しないみたいです。
・安易な「できません。」という回答はやめて下さい。
凄い複雑なスクリプトになってもいいので(見にくくてもいいので)、よろしくお願いします。出来れば、早めがいいですが、気長に待ちます。
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
はじめまして、nyontaさん。
1stは知らないので、これはご存知なのかも?ですが、この質問からはこの答えで充分
かと思うので、一応全く複雑なことはしてませんが、
(条件)
・tableタグからマウス(フォーカス解除)が出たら・・というイベント取り
・IE限定でいい ※因みにWindowsのIE5.5で確認
という事で参考までに。
<table>タグに属性として以下を定義
onMouseOut="location.href='URLアドレス';"
参考)フォーカスがついた時用は以下の通り。
フォーカス付き・解除の組み合わせでなんかしたいのであれば・・と一応までに。
onMouseOver="処理"
補足)
・この onMouseOut,onMouseOverは他のタグでも使えるイベントハンドラです。
※メジャーは<a>に設定し、画像とかステータスバーへの表示をしたりしますね。
・<a>はOKですが、<table>タグでのこの属性は、Netscapeでは効きません。
※MacのIEでいけるかは不明です。
参考までに。
がんばってくださいね。
この回答への補足
回答、ありがとうございます。イベントハンドラはもちろん使わないと出来ませんが、
<table>にonmouseout付けるだけでは、<tr>、<td>を乗り越えるときにもイベント
が発動してしまうのです。(おそらくバグらしいデス・・・)
そこで、何か良い方法が無いのでしょうか。よろしくお願いします。
ちなみに、WinのIEだけで良いです。
No.2
- 回答日時:
#1の方とのやり取りで、問題点が理解できました。
<table>タグで、onmouseleave を使ってみてください。
WINのIE6で、onmouseoutと動作を比較してみました。
たしかに、onmouseoutは、おっしゃっているような反応をしますね。
ただ、セルから出た時に共通の処理をしたい向きには、<table>タグに
これ一つおくだけでいいので、これはこれでいいのではないかと思います。
No.3
- 回答日時:
No.2で回答した者です。
onmouseleaveを使わなくても、<DIV onmouseout="....">
<table>
~
</table>
</DIV>
のように、<DIV>でtable全体を囲ってもできますね。
他のブラウザとの互換性に関しては、全くところ無知ですが、
onmouseleaveは、IE限定か、マイナーみたいですし・・・
この回答への補足
回答ありがとうございます。
しかしonmouseoutでうまく起動しないので・・・
もちろん、<DIV onmouseout="...."> も試しましたが、やはり<tr><td>でバグ?
が起きてしまいます。
ちゃんと、書かなくてすいません。
onmouseleaveは試してないのでやってみます。
ちなみに、IE限定とは知りませんでした。
ありがとうございます。
No.5
- 回答日時:
No3の回答は、忘れて下さい。
補足でおっしゃられていたとおり、<tr><td>に引っかかりますね。
確認のやり方を間違えていたようです。
お騒がせしました。ゴメンナサイ
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- その他(プログラミング・Web制作) python 気象データの取得 2 2023/06/20 23:54
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
idの振り直しについて
-
テキストエリアに入力した改行...
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascript でテーブル操作
-
jquery にて、アラートダイアロ...
-
javascriptでスロットマシン
-
プルダウンメニューを表の中に...
-
javascriptで<table>背景色の取得
-
javascriptで画像の移動
-
onchangeイベントを強制的に発...
-
プルダウン選択を変更すると、...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
Selectボックスの一覧表示方法
-
select要素のvalueを配列で取得...
-
innerHTML内では改行は禁止?
-
JavaScriptで特定のtdタグにcla...
-
onclickが動作しない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
テーブルの行数を可変長にした...
-
javascriptで画像をテーブルに...
-
テキストエリアに入力した改行...
-
プルダウンメニューを表の中に...
-
【jQuery】tableループ内のIDの...
-
javascriptで<table>背景色の取得
-
csvファイルのデータを変数とし...
-
javascriptでクリックするごと...
-
Javascriptでテーブルタグの座...
-
table内で上下するfloating men...
-
tbody要素のinnerHTMLが書き換...
-
テーブルのセルのクリック時、...
-
外部CSVをサイトに読み込み表示...
-
Table内TDの子要素を移動させた...
-
指定のテキストをクリックする...
-
javascript でテーブル操作
-
クリックごとに文字色が交互に...
おすすめ情報