メニューボタンなどに

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: るる : 2004/03/20 14:37
こんにちわ。
メニューボタンなどにカーソルを乗せると右下(?)あたりに説明が出るようにするにはどうすればよいですか?
いろいろ検索したのですが、どんな言葉で検索すればよいか分からずヒットしませんでした。
教えてください。

1   名前: Sinryow : 2004/03/20 16:02   [URL
サンプルを作りました。

<html>
<head>
<title>得点の入力</title>
</head>
<body>
点数入力
<form>
名前:<input type="text" title="ここに名前を入力します。">
点数:<input type="text" title="ここに点数を入力します。">
<input type="button" value="確定" title="点数と名前を入力したらクリックして下さい。">
</form>
</body>
</html>

ボタンやテキストボックスの上にマウスをポイントすると,説明が出ます。
title="〜" に説明の文を入力します。

2   名前: 匿名希望 : 2004/03/20 16:52
途中で改行などを入れるようなものが必要ならば、JavaScriptでもできます。
しかしやはり簡単に説明できるのであればSinryowさんのほうがいいですが・・・。

3   名前: Sinryow : 2004/03/24 15:49   [URL
私の方法でも,改行は可能です。
(例)

<html>
<head>
<title>得点の入力</title>
</head>
<body>
点数入力
<form>
名前:<input type="text" title="ここに名前を
入力します。">
点数:<input type="text" title="ここに点数を
入力します。">
<input type="button" value="確定" title="点数と名前を入力したら
クリックして下さい。">
</form>
</body>
</html>

4   名前: くぅぽん : 2004/03/24 16:59
>>Sinryouさん
そうではなくて、オンマウスで出る文字を
┏━━━━━━┓
┃メッセージを┃
┃改行すること┃
┗━━━━━━┛
とするならばということです。

5   名前: Sinryow : 2004/03/26 00:59   [URL
No.1とNo.3ではソース中での改行の位置が違いますが,これには意味があって,title属性で表示されるツールチップは,ソース中の改行が反映されるのです。
もし疑問でしたら,それぞれのソースで(もちろん改行は上のソースのものを変更しないで)試してみて下さい。

6   名前: better_source : 2004/03/26 02:28
> title属性で表示されるツールチップは,ソース中の改行が反映されるのです。
これはWinIEのバグですので、他のブラウザでは反映されません。

参照
小人さんへの置き手紙 : title 属性のツールチップ内で改行:
http://www2.u-netsurf.ne.jp/~alt/mt/archives/20031211_1555.html

7   名前: Sinryow : 2004/03/28 02:37   [URL
> これはWinIEのバグですので、他のブラウザでは反映されません。
そうなんですか・・・
私が参考になりました。

一覧へ戻る