問題タブ [tipsy]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - d3.js を使用して地図上にツールチップを作成する
この例を拡張しています http://bl.ocks.org/tommyskg/6111032
私はそれをクリックするたびにポイントするツールチップを追加することに取り組んでいます:私はd3.JSを使用してい
ます
しかし、私はこのエラーが発生しています: Uncaught TypeError: Object [object Array] has no method 'tipy'
JQueryを2回使用しているようです
この競合をどのようにカットできますか?
2 番目の方法:
ツールチップがマップの後ろに隠れている可能性があるため、マップに問題があると思います。表示時のツールチップの位置を相対的にしました。私はそれを手動でコーディングしました。
しかし、私は結果に到達できませんでしたか?この問題を解決するためのアイデアはありますか?
javascript - Javascript ハイパーリンクがクリック可能なリンクではなくテキストとして表示される
私は通常、Javascript をあまり使用しませんが、ここ数日、この問題に取り組んできました。基本的に、テキスト自体がリンクであるテーブルにテキストがあり、クリックするとテキストが選択されます。リンクの上にカーソルを置いたときに、「クリックしてテキストを選択してください」というメッセージを表示するために Tipsy を使用しています。リンクがクリックされた後 (およびテキストが選択された後)、Tipsy が表示する元のテキストをハイパーリンクに変更したいと考えています。テキストを変更することはできますが、リンクはクリック可能なリンクではなくプレーン テキストです。
1 行のテキストのサンプルを次に示します (関数 fnSelect はクラスを使用して、表の行内のすべてのテキストを選択します)。
関数 alternate() は、元のタイトルを変更してハイパーリンクを表示するために使用しようとしているもので、次のとおりです。
要素リンクをクリック可能にする方法を見つけようとしてこれを何回変更したかわかりませんが、うまくいきませんでした。あなたが提供できる助けをいただければ幸いです。
angularjs - Title 属性のほろ酔いツールチップを AngularJS で動的にバインドする方法
わかりましたので、jQuery Tipsy のディレクティブを作成しました。希望どおりに機能していますが、タイトルに少し問題がありました。選択したオプション(ドロップダウン)に応じて、タイトルを埋めたり、空白にしたりしたいので、非常に動的です。私は何かを使っていますng-attr-title
が、それは一度しか仕事をしていないようです。
これが私の指示です:
サンプルの HTML コードを次に示します。
初めて type2 を選択すると、ツールチップのタイトルに何も表示されず、 type1 を選択するとtitle
属性が入力されます...これは正しいです...しかし、後で他のものを選択すると、title
は決して変更されません. 一度しか機能しないようですng-attr-title
??? 常にバインドしたいのですが、何か提案はありますか?
注:
私の問題は厳密にng-attr-title
and/ortitle
属性にあり、ディレクティブ自体にあるのではないことに注意してください。私はそれをどのように実装したかを示すためにのみ提供しました。
drupal-7 - Tipsy +Views ツールチップが機能しない
Views UI 内にツールチップを表示したい。次の2つのモジュールをインストールしました:-
- ほろ酔い
- ビューのツールチップ
Views UI には次のフィールドがあります:- Name[Visible] Snaps[Visible]
Views UI 内に「Global: Tooltip」フィールドを追加します。「ツールチップ テキスト」に簡単な「こんにちは」を付けました。
私の要件は、ビュー内のスナップのツールチップとしてこんにちはテキストを表示することです。
ほろ酔い構成は次のとおりです。
ツールチップが表示されないので、何が間違っているのか教えてください。
javascript - d3 クロロペス マップでほろ酔い
これを使用して、Mike Bostock のクロロペス マップにほろ酔いを追加しています: http://bl.ocks.org/ilyabo/1373263。「county_name」というタイトルの別の列を csv に追加しました。k.id を使用して ID を取得しようとすると、ツールチップは正常に機能しますが、k.county_name を試行すると未定義になります。
これを使用して csv データを読み込んでおり、さまざまな ID を表示できますが、手動で設定することで、一度に 1 つの郡名しか表示できませんでした。ID と county_name を一致させる方法がわかりません。
javascript - ほろ酔いとqtipがsvg要素を選択しないのはなぜですか?
d3 を使用してマップにツールチップを追加しようとしています -- この投稿のアドバイスに基づいて円のマウスオーバーでデータを表示します
ボストックのチュートリアルからこの例を見ています。
私のSVGは次のようになります。
SVG をロードする呼び出しの後に呼び出されるドキュメント ロード関数にこの jquery があります。
.button セレクターがツールチップを起動するため、tipy は適切にロードされます (コンソール エラーも発生しません)。また、css ルール .precinct{style} を記述できるため、「.precinct」セレクターは正しいです。それで、私は何が欠けていますか?クラス ボタンのすべてを選択してツール ヒントを追加するのと同じように、クラス プレシンクトのすべてを選択してツール ヒントを追加する必要があります。右?
simpletip ツールチップ ライブラリでも同じ問題が発生します。
javascript - firefox でのほろ酔い、svg、および css の回避策は?
svg 要素 (d3 で生成) のほろ酔いツールチップがあります。Firefox のカーソルの横にそれらを表示するのに問題があったので、この回答にリンクされているパッチに従いましたIE firefox の d3 でのほろ酔いツールチップの配置で、ほとんどの問題が修正されました。
ただし、この CSS ルールを使用して、特定の SVG 要素の周りにリングを作成します。
これらの要素について、FF28 では、ほろ酔いは要素の左上にツール ヒントを設定しています。
(中程度の痛みのない)回避策はありますか?ほろ酔いを変更する方法は?または、同じ効果を得るために使用できる別の CSS はありますか?