タグ付けされた質問 「tooltip」

ツールチップはGUI(グラフィカルユーザーインターフェイス)要素で、通常、マウスポインターがGUIの項目の上にあるときにポップアップし、コンテキスト情報または説明を提供します。

27
divにツールチップを追加する
私はこのようなdivタグを持っています: <div> <label>Name</label> <input type="text"/> </div> :hoverdivのツールチップを、できればフェードイン/フェードアウト効果で表示するにはどうすればよいですか。
568 javascript  html  css  tooltip 

27
HTMLツールチップでキャリッジリターンを使用するにはどうすればよいですか?
私は現在、詳細なツールチップをサイトに追加しています。キャリッジリターンを使用してツールチップをフォーマットします(whizz-bang jQueryプラグインに頼る必要はありません。たくさんあります!)。 ヒントを追加するには、title属性を使用しています。私は通常のサイトを見回して、以下の基本的なテンプレートを使用しました: <a title='Tool?Tip?On?New?Line'>link with tip</a> 私はに置き換えてみました?: <br /> &013; / 
 \r\n Environment.NewLine (私はC#を使用しています) 上記のどれも動作しません。出来ますか?
330 html  title  tooltip 

3
CSSでラジアルメニューを作成する
次のようなメニューを作成するにはどうすればよいですか。 PSDへのリンク PSD画像を使いたくない。FontAwesomeなどのパッケージのアイコンを使用し、CSSでbackgrounds / cssを生成することをお勧めします。 PSDを使用してツールチップのイメージを生成し、それを使用するメニューのバージョンは、こちらで確認できます。
321 css  tooltip  css-shapes 

7
ボタンのツールチップ
HTMLボタンのツールチップを作成することは可能ですか?これは通常のHTMLボタンであり、いくつかのHTMLコントロールにあるため、Title属性はありません。考えやコメントはありますか?
292 html  button  tooltip 

25
クリックでTwitter Bootstrap Tooltipコンテンツを変更する
クリックでAJAXリクエストを送信するアンカー要素のツールチップがあります。この要素には、ツールチップがあります(Twitter Bootstrapから)。AJAXリクエストが正常に戻ったときにツールチップのコンテンツを変更したいのですが。開始後にツールチップをどのように操作できますか?


14
HTML-省略記号がアクティブな場合にのみツールチップを表示するにはどうすればよいですか
私のページには、ellipsisスタイル付きの動的データのスパンがあります。 .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; この要素のツールチップに同じコンテンツを追加したいのですが、コンテンツが長く、省略記号が画面に表示されている場合にのみ表示されます。 それを行う方法はありますか?がアクティブ になるellipsisと、ブラウザはイベントをスローしますか? *ブラウザ:Internet Explorer

27
ツールチップ内に改行を追加する
HTMLツールチップ内で改行を追加するにはどうすればよいですか? ツールチップ内で次のように使用<br/>してみました\n: <a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a> しかし、これは無用だったと私はリテラルテキスト見ることができた<br/>と\nツールチップの中に。どんな提案も参考になります。
170 html  tooltip  newline 

5
円のマウスオーバーでデータを表示
散布図にプロットする一連のデータがあります。円の1つにマウスカーソルを合わせると、データ(x、yの値など)がポップアップ表示されます。これが私が使ったものです: vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle") .attr("cx", function(d) { return x(d.x);}) .attr("cy", function(d) {return y(d.y)}) .attr("fill", "red").attr("r", 15) .on("mouseover", function() { d3.select(this).enter().append("text") .text(function(d) {return d.x;}) .attr("x", function(d) {return x(d.x);}) .attr("y", function (d) {return y(d.y);}); }); 入力するデータについてもっと情報を提供する必要があると思いますか?
162 tooltip  mouseover  d3.js 

21
Twitter Bootstrapのツールチップの幅と高さをどのように変更しますか?
Twitter Bootstrapを使用してツールチップを作成しました。 ツールチップは3行で表示されます。ただし、ツールチップを1行だけで表示したいと思います。 ツールチップの幅を変更するにはどうすればよいですか?これはTwitterブートストラップまたはツールチップ自体に固有のものですか?

6
ツールヒントをコントロールに追加するにはどうすればよいですか?
ToolTipマウスをその上に置いたときに表示するコントロールがいくつかあります。これどうやってするの?これをコード内だけでなくデザイナでも適切に実行する方法を知りたい(ToolTipツールボックスにコンポーネントがありますが、わかりません)。 これが重複していても驚くことはありませんが、より高度な特定のシナリオに関する質問しか見つけることができません。基本を知りたいのですが。
154 c#  winforms  tooltip 

5
Twitter Bootstrapのツールチップで複雑なHTMLを使用できますか?
公式ドキュメントを確認すると、HTMLというプロパティが表示されます。 Name | Type | default | Description ---------------------------------------------------------------------------- html | boolean | false | Insert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks. 「ツールチップにhtmlを挿入する」とありますが、タイプはブール値です。ツールチップ内で複雑なHTMLを使用するにはどうすればよいですか?

4
画像のツールチップ
ツールチップを使用しています。しかし、私はそれを画像タグの上に置きたいのですが、画像の上にマウスを置くとツールチップが機能するはずです。私は試しましたが、イメージタグで動作しません。
132 html  image  tooltip 

10
WPFツールチップを画面に留める
ラベルのツールチップがあり、ユーザーがマウスを別のコントロールに移動するまで開いたままにしておきたい。 ツールチップで次のプロパティを試しました: StaysOpen="True" そして ToolTipService.ShowDuration = "60000" ただし、どちらの場合も、ツールチップは正確に5秒間しか表示されません。 これらの値が無視されるのはなぜですか?
119 c#  wpf  xaml  tooltip 

21
ブートストラップのツールチップは、ボタンをクリックしてマウスを離しても消えない
ブートストラップのツールチップに問題があります。ボタンをクリックすると、カーソルがボタンの外にあってもツールチップが残ります。マニュアルを確認しました-Bootstrapのツールチップ。ボタンをクリックしても同じ問題が発生します。これを修正する解決策はありますか?最新のFF、IEで試してみました。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.