ヘルプアイコンの上にマウスを作成する必要があります。

マウスを上に移動すると、メッセージが表示され、マウスを離すとメッセージが非表示になります。平野Javascriptをヘルプアイコンの上にマウスを作成する必要があります。

<img src="helpicon.png" width=50 height=50 onmouseover="mytoolTip('Click a form field to see its requirements.');" onmouseout="mytoolTip('');" /> 

function mytoolTip(ValueToDisplay) 
{ 
document.getElementById("helpicon").innerHTML = ValueToDisplay; 

}

出典

2016-05-25 Jasmin Kenjar

：：のような

何か Click a form field to see its requirements. ホバリングすると、あなたは、テキストが表示されるJSを使用する必要が表示されません。 –

メッセージをどこに表示しますか？私はあなたがセレクタ 'helpicon'を手に入れようとしているのを見ましたが、あなたのコードにはありません。また、あなたのHTMLコードはかなり乱雑です。属性値は引用符で囲み、 'alt'属性はありません。 – Raptor

@ThanNgoHoai aw男、あなたのコメントを見たら、私は答えを投稿していないだろう、私はスニペットに長すぎる時間を費やした。 –

あなたは常にHTML5 title属性を使用することができますしてください。例えば

#myBigFatDiv { 
 
    padding: 100px; 
 
    background-color: #DDD; 
 
    cursor: pointer; 
 
    text-align: center; 
 
}

<div id="myBigFatDiv" title="Hell Yea it is!">Hover over me to find out if this is a great answer</div>

出典

2016-05-25 02:18:11

これは一種の冗談ですか？ –

@LouysPatriceBessette OPはツールチップを望んでいた、彼にツールチップを与えた –

私は酔っていたと思った。乾杯！ –

あなたのhtmlでidhelpiconとは要素がありません。 idを持つ要素を追加して試してみてください！あなたが代わりにtitle属性を使用することができます

<img src="helpicon.png" width="50" height="50" onmouseover="mytoolTip('Click a form field to see its requirements.')" onmouseout="mytoolTip('')"> 
<p id="helpicon"></p>

出典

2016-05-25 02:22:21

これは実際にはより良い答えです –

HTMLの整理のために、同じHTMLに二重引用符、一重引用符、および引用符を使用しないでください。また、インラインで 'onmouseover'と' onmouseout'は現代のHTMLでは提案されていません。 – Raptor

ヘルプアイコンの上にマウスを作成する必要があります。

答えて

関連する問題