|
| カレッヂ |
質問者 ひろ
投稿日 2006/2/2(木) 20:28:40
プラウダウンで項目を表示し、さらにその項目にツールチップを設定する方法はありませんか。
【習熟度】初めて |
回答者 yue
[削除]
投稿日 2006/2/3(金) 17:34:16
javascriptのことに関してはよくわかりませんが、このHPなどいかがでしょうか？ ttp://www.usagi-js.com/ |
回答者 m035
[削除]
投稿日 2006/2/4(土) 22:11:19
プラウダウンとはプルダウン（＝selectタグのこと）なのか？ 何をどこに表示するのか？ ツールチップはポップアップのことなのか？ またポップアップに何を表示したいのか？ と言う疑問があります。 |
質問者 ｘ�貭 size31 maxlength30 style
[削除]
投稿日 2006/2/7(火) 19:02:24
言葉足らずですいません。 補足させていただきます。 プルダウン項目へのツールチップ表示はできないのでしょうか。 （ポップアップという方も多いようです） プルダウンの項目に「野菜・肉・その他」と選択肢があり、 マウスで「肉」を指すと「豚・牛」とかその項目に含まれるものを表示したいのです。 ただし、クリックする前に表示させたいと考えております。 イメージとしては、下記のようにHTMLに記述できればいいのですが・・・・ そもそもプルダウンは項目をクリックしないとイベントが発生しないようなので JavaScriptでできるのかどうかも不明です。 <FORM> <SELECT> <OPTION SELECTED >献立</OPTION> <OPTION TITLE="にんじん・たまねぎ" VALUE="野菜">野菜</OPTION> <OPTION TITLE="豚・牛" VALUE="肉">肉</OPTION> <OPTION TITLE="鯨・鮭" VALUE="その他">その他</OPTION> </SELECT> </FORM> ↑上記のTITLEは当然、無効。 プルダウン選択時に、その項目の内訳を知りたいという要望は結構、あると思うのですが どなたかご教授いただければ幸いです。 |
回答者 m035
[削除]
投稿日 2006/2/9(木) 22:18:42
http://www.usagi-js.com/bbs/jsforum.cgi?mode=allread&no=8117&page=0
ここにもあるように難しいです。
以下は大文字小文字もめちゃくちゃな適当なものですが、FireFox1.5.0.1では動作しました。
ただし、IE6ではonmouseoverが無効だと思われるので、選択後に表示するのが実用的だと思います。
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function vl(th,str){
th.form.v.value=str;
}
//-->
</script>
</head>
<body>
<FORM>
<SELECT>
<OPTION SELECTED>献立</OPTION>
<OPTION VALUE="野菜" onmouseover="vl(this,'にんじん・たまねぎ')">野菜</OPTION>
<OPTION VALUE="肉" onmouseover="vl(this,'豚・牛')">肉</OPTION>
<OPTION VALUE="その他" onmouseover="vl(this,'鯨・鮭')">その他</OPTION>
</SELECT>
<input type="text" name="v">
</FORM>
</body></html> |
返信(回答)する
| Ｗｅｂ裏技 |