マウスを乗せたとき説明を表示させるには?
[上に]
[前に]
[次に]
譲
[E-Mail]
2000/03/02(木) 23:34:44
こちらのページの「Java Script」の部屋で紹介してある
『マウスを乗せると説明を表示する』を試してみました。
実際成功したんですが、その表示が出るべき場所にうまく出てくれません。
リンクされている文字のうしろに表示したいのですが・・・
ちなみに、Macでネコミ4.03を使用しています。
あと、上記のScript内で<PRE></PRE>タグや、フォントサイズ指定
タグなどを使っても支障はないのでしょうか?
どなたかお教え下さい(>_<)
andi
2000/03/03(金) 00:04:18
このような場合は参考にしたページのアドレスと、
書き込んだ方が実際に作成されているページのアドレスを
書いておくと素早く解決すると思いますよ。
譲
[E-Mail]
2000/03/03(金) 00:51:29
andiさん、ご指摘(?)ありがとうございました。
↓ここが私が参考にしたページです。
http://www.tohoho-web.com/wwwxx023.htm
(しかもダイナミックHTMLでした)
作成中のページはほんとに全然出来上がっていないので、ソースを
部分コピーします。
<SCRIPT LANGUAGE="JavaScript">
<!--
function show(id, flag) {
if (document.all) {
document.all.item(id).style.visibility = "visible";
}
if (document.layers) {
document.layers[id].visibility = "show";
}
}
function hide(id, flag) {
if (document.all) {
document.all.item(id).style.visibility = "hidden";
}
if (document.layers) {
document.layers[id].visibility = "hide";
}
}
// -->
</SCRIPT>
<A HREF="start.html"
onMouseOver="show('id1')"
onMouseOut="hide('id1')">
<PRE> <font size="3" color="red">*</font> はじめにお読み下さい</A></PRE>
<SPAN ID=id1 STYLE="visibility:hidden">
<LAYER NAME=id1 VISIBILITY="hide">
- 初めていらした方はお読み下さい。
</LAYER>
</SPAN>
<BR>
<A HREF="new.html"
onMouseOver="show('id2')"
onMouseOut="hide('id2')">
<PRE> <font size="3" color="red">*</font> 更新記録</A></PRE>
<SPAN ID=id2 STYLE="visibility:hidden">
<LAYER NAME=id2 VISIBILITY="hide">
- last up data 2000/3/2
</LAYER>
</SPAN>
です。表示位置の変更方法などありましたら教えて下さい。
初級者
2000/03/03(金) 11:41:06
リンクを<PRE>で囲んでいるからです。
1.<PRE>タグを取る
2.<PRE>を使用したい場合は
説明文を含めて<PRE>タグで囲み、HTML表記でも改行しない
のいずれかの方法で解決できると思います。
初級者
2000/03/03(金) 11:47:30
書き忘れてました。
> 説明文を含めて<PRE>タグで囲み、HTML表記中でも改行しない
不要なスペースもはずしてください。
ガンダム
[HomePage]
2000/03/03(金) 11:50:21
参考までにですが、もっとカッコ良く、このような方法もあります(ポップアップ)。
<a href="xxx.html" title="初めていらした方はお読み下さい。">はじめにお読み下さい</a>
現在、ネコミではポップアップしませんが、IE4以降(というかHTML4.xをサポートしたブラウザ)では利用できるため、
圧倒的多数の人が見ることができます。また、今後、対応するブラウザが増えてくることも予想されます。
zizz...
[HomePage]
2000/03/03(金) 21:13:52
> 参考までにですが、もっとカッコ良く、このような方法もあります(ポップアップ)。
> <a href="xxx.html" title="初めていらした方はお読み下さい。">はじめにお読み下さい</a>
これは、「マウスを乗せたとき説明を表示させる」ためのものではないでしょう。
visual な User-Agent がポップアップ表示することがあるというだけ。
[上に]
[前に]
[次に]