マウスオーバーで文字を表示しつつクリックで移動？

質問

画像にカーソルを載せると、表の中が入れ替わるjava scriptを使用しています。

こちらのタグが
<a href="info.html""#"onMouseover="window['表のタイトル'].style.display='block'"onMouseout="window['表のタイトル'].style.display='none'">

となると思うのですが、
マウスオーバーで表の中を表示しつつ、クリックでリンク先に飛ぶようにするには、タグをどのように記述すれば良いでしょうか？
もしくは不可能ですか？

持ってる本などすべて見てみたのですが分かりませんでした。
上のタグの「a href」のすぐ後ろにリンク先のページを記載するとリンクは飛べるのですが、表の中の表示が出なくなってしまいました。

javaの知識は本を見ながら出来る程度です。分かる方いらっしゃいましたらよろしくお願いいたします。

回答No.2

noname#199778 · ベストアンサー

スクリプトがうまく動作していない直接的な原因は、タグの中に"#"という消し忘れと思われる内容が混入していることと、属性の間にスペースが入っていないことが影響しているようです。
href="***.html"の後が「"#"onMouseover=""」というブロックとして認識され、こういった属性は存在しませんから、その部分が不正な記述として無視されていると思われます。
"#"を削除し、先の方の指摘のように属性の間にスペースを入れて表記すれば、問題を除去できると思いますよ。

お礼

ありがとうございます。
早速"#"を消して、スペースを入れたところ、希望通りに動くようになりました。スペースは重要な意味を持ってるんですね。勉強になりました！

回答No.1

turtlemach

href以降、全くスペースがないのはなぜですか？
下記のように、スペースを入れるのが一般的かと思いますが…。
<a href="info.html" onMouseover="window['表のタイトル'].style.display='block'" onMouseout="window['表のタイトル'].style.display='none'">

あと、上記の例では削除してしまいましたが、"#"はどういった意図ですか？

お礼

ありがとうございます。
スペースも重要な意味があるのですね！良く分からずに本に書いてあるタグをそのまま記述してました。（スペースが必要なのか、不必要なのか、そもそもこれはスペースなのか・・・が分からなくて）

"#"も本に書いてあったのをそのまま記載したので、私も良く意味が分かりません・・・。とりあえずリンク先のページに飛ばない状態だとマウスオーバーで表の中が表示されませんでした。何なんでしょう？？？