tooltip 相关问题

工具提示是GUI(图形用户界面)元素,当鼠标指针悬停在GUI中的项目上并提供一些上下文信息或说明时,它通常会弹出。

Validation.HasError如果在已经存在的情况下出现新错误,则不会再次触发

我使用MVVM,我的对象实现IDataErrorInfo。设置属性后,我将运行自定义验证方法,如果验证通过,则返回String.empty,它将Validation.HasError设置为false...。

回答 3 投票 3

如何在React中调整Mateiral-UI工具提示字体大小

我用material-ui实现了工具提示,但是fontsize太小。而且我无法使用.scss进行更改。从“反应”导入React;导入“ ./InfoTooltip.scss”;从'@ ...

回答 1 投票 1

显示嵌套在另一个控件中的控件的MFC工具提示

出于某些原因,我有一个父窗口。该窗口包含普通控件。但是,它也需要带有子控件的子控件。实际的应用程序更复杂。在真实的...

回答 1 投票 1

如何使用C在短时间内显示GTK工具提示?

我有一个应用程序,在其中单击按钮,我想显示一个工具提示,然后在一段时间后将其隐藏。使用https://stackoverflow.com/a/3930477/6286575实现时间延迟。 ...

回答 1 投票 0

Bootstrap不显示Tooltips jQuery错误

您好,堆栈溢出社区,是的,这不是一个新话题,但我只发现了有关具有旧js且没有popper.js的引导程序工具提示的旧线程,..我尝试使用引导程序工具提示,但确实如此...

回答 1 投票 0

Bootstrap不显示工具提示

您好,堆栈溢出社区,是的,这不是一个新话题,但我只发现了有关具有旧js且没有popper.js的引导程序工具提示的旧线程,..我尝试使用引导程序工具提示,但确实如此...

回答 1 投票 0

CSS内容和正式字段

我想为正式字段制作工具提示。我设法做到了,但是现在我唯一的问题是如何在工具提示中放入内容。这是我的正式字段(请注意,我将有更多字段,......>

回答 1 投票 0

Python:调用另一个类中的一个类

我是Python类和tkinter的新手。我正在尝试使用python GUI工具提示类-由@ crxguy52开发的Class CreateToolTip并实现为GUI类。 GUI类很简单:Label,Entry和...

回答 1 投票 0

如何在 SVG部件中定义的 SVG标签上显示工具提示?] >>> 我已经生成了一个HTML / SVG文件,该文件显示更多的相同的电子符号。 我现在搜索以显示tooltip,并将某些信息链接到所显示的SVG“符号”。 由于使用相同的符号多次,所以我在<defs>组的<svg>部分中定义了一个符号。 使用<use> SVG标签显示电子符号。 每个<use>标签后跟一个<html:div>标签,其中包含要在工具提示中显示的字符串。 我用来查找要在工具提示中显示的String的算法如下: 在MouseOver事件中,我搜索<use>标签的SIBLING元素 我检查同级元素是否是具有类名='info'的html:div元素 我将在html:div中找到的HTML部分放在工具提示元素中 我更改了工具提示的opacity属性,因此可见 问题(例如,案例1,2,4和5的问题是,在所有情况下,同级元素始终是<g>部分中定义的<defs>标签的同级和非 <use>标签的同级元素。 我的算法仅适用于情况3。 在这种情况下,我已将<use>标记替换为<defs>部分中定义的标记。 问题 :如何将工具提示添加到<use>标签或使用<use>标签? $(document).ready(function() { var tooltip = d3.select("div.tooltip"); d3.select("svg").selectAll("g") .on("mouseover", function () { var sTooltip = "Tooltip: ?"; if (this.id.startsWith("u")) { sId = this.id + "info"; var e = document.getElementById(sId); if (e != null) { sTooltip = e.innerHTML; } } else { var e = this.nextElementSibling; if (e != null) { if (e.className.baseVal == "info") { sTooltip = e.innerHTML; } } } document.getElementById('tooltip').innerHTML = sTooltip; tooltip.style("opacity", "1"); }) .on("mousemove", function () { tooltip.style("left", (d3.event.pageX + 10) + "px"); tooltip.style("top", (d3.event.pageY + 10) + "px"); }) .on("mouseout", function () { return tooltip.style("opacity", "0"); }); }); .tooltip { pointer-events:none; opacity: 0; transition: opacity 0.4s; padding-left: 10px; padding-right: 10px; } div.tooltip { background: yellow; border:solid gray; position: absolute; max-width: 300px; text-align:center; } svg { margin:10px 20px; overflow:visible; } <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <body> <p> <b>Electricité: plan Unifilaire</b> </p> <svg xmlns='http://www.w3.org/2000/svg' version='2.0' width='8000px' height='6000px'> <defs> <g id="prise"> <path d="m40,-20 a20,20 0 0,0 0,40 z" fill="white" stroke="white" stroke-width="2" /> <line x1="0" y1="0" x2="20" y2="0" stroke="blue" stroke-width="2" /> <line x1="20" y1="-15" x2="20" y2="15" stroke="blue" stroke-width="2" /> <path d="m40,-20 a20,20 0 0,0 0,40" fill="white" stroke="blue" stroke-width="2" /> <line x1="40" y1="-20" x2="40" y2="-28" stroke="blue" stroke-width="2" /> <line x1="40" y1="20" x2="40" y2="28" stroke="blue" stroke-width="2" /> </g> </defs> <text x='50' y='40' font-size='20'>1.</text> <use href='#prise' x='100' y='40'/> <text x='50' y='100' font-size='20'>2.</text> <use href='#prise' x='100' y='100'/> <html:div class="info"> prise à droite de la porte de la chambre Est </html:div> <text x='50' y='160' font-size='20'>3.</text> <g id="interrupteur" transform="translate(100 160)"> <path d="m40,-20 a20,20 0 0,0 0,40 z" fill="white" stroke="white" stroke-width="2" /> <line x1="0" y1="0" x2="20" y2="0" stroke="red" stroke-width="2" /> <line x1="20" y1="-15" x2="20" y2="15" stroke="red" stroke-width="2" /> <path d="m40,-20 a20,20 0 0,0 0,40" fill="white" stroke="red" stroke-width="2" /> <line x1="40" y1="-20" x2="40" y2="-28" stroke="red" stroke-width="2" /> <line x1="40" y1="20" x2="40" y2="28" stroke="red" stroke-width="2" /> </g> <html:div class="info"> interrupteur de la lampe de la cuisine </html:div> <text x='50' y='220' font-size='20'>4.</text> <g> <use href='#prise' x='100' y='220' stroke='green'/> <text font-size="12" style="display:none">prise de la machine à laver à la cave</text> </g> <text x='50' y='280' font-size='20'>5.</text> <use id='u258' href='#prise' x='100' y='280'/> <html:div id="u258info"> prise de la machine à laver à la cave </html:div> </svg> <div id="tooltip" class="tooltip"> Tooltip: ? </div> </body> </html> 我已经生成了一个HTML / SVG文件,该文件显示相同的电子符号的时间更长。我现在搜索以显示工具提示,其中包含一些与显示的SVG“符号”链接的信息。由于相同的符号是... 晚上之后,我发现了我的错误! 在Java代码中,我已替换为 d3.select("svg").selectAll("g") 作者 d3.select("svg").selectAll("use") 现在只有情况2和5可以正常工作。 现在,在我的工作中,我将使用以下JavaScript代码 $(document).ready(function() { var tooltip = d3.select("div.tooltip"); d3.select("svg").selectAll("use") .on("mouseover", function () { var sTooltip = "Tooltip: ?"; var e = this.nextElementSibling; if (e != null) { if (e.className.baseVal == "info") { sTooltip = e.innerHTML; } } document.getElementById('tooltip').innerHTML = sTooltip; tooltip.style("opacity", "1"); }) .on("mousemove", function () { tooltip.style("left", (d3.event.pageX + 10) + "px"); tooltip.style("top", (d3.event.pageY + 10) + "px"); }) .on("mouseout", function () { return tooltip.style("opacity", "0"); }); });

我已经生成了一个HTML / SVG文件,该文件显示相同的电子符号的时间更长。我现在搜索以显示工具提示,其中包含一些与显示的SVG“符号”链接的信息。由于相同的符号是...

回答 1 投票 2

基于图像像素的工具提示

我有一组图像。每个图像都显示多个对象。每当将鼠标指针悬停在图像中的每个对象上时,我都希望显示工具提示。我有像素坐标,并且宽度和...

回答 1 投票 -1

将HTML表格放入图标内的工具提示中

我一直试图在图标内的工具提示中放置表格,主要目的是创建一个小图例,以使用黄色/橙色的图标来说明这些颜色的含义。到目前为止...

回答 1 投票 1

如何在vscode中编辑工具提示的不透明度? (如何更改智能提示建议的透明度)

我是vscode的初学者。当我编写代码时,工具提示使我感到烦恼,因为我在macOS中使用了分屏显示,因此我想使工具提示为半透明的,而无需按ctrl这样的图像:

回答 3 投票 1

如何在vscode中编辑工具提示的不透明度? (如何更改智能提示建议的透明度)

我是vscode的初学者。但是当我编写代码时,由于我在Mac OS中使用了分屏显示,所以我烦恼了所写的内容,因此我想使工具提示成为半透明的,而无需按ctrl这样的图像

回答 2 投票 1

在工具提示中附加div的内容

我有一个带有一个inputBox(输入)和一个Button(byUser)的div预览框,我正在尝试将工具提示连接到prevBtn,我希望我的输入框和按钮在我的工具提示中。我知道如何连接...] >

回答 1 投票 1

C#隐藏鼠标移动工具提示,然后在鼠标悬停时再次显示它,而无需离开控件

我有一个Windows窗体,带有带有一些文本的富文本框。根据鼠标悬停在工具提示上的单词显示。但是我想在鼠标开始移动时隐藏工具提示,并且......>

回答 1 投票 0

p:selectManyCheckbox或其他p:selectMany * / One *的界面工具提示

我想为p:selectManyCheckBox中的每个元素添加一个工具提示。但是我无法提出解决方案。我有一个具有3个属性的类Role,“ id”(长整数),“ name”(字符串)和“ ...

回答 3 投票 9

小矩形出现,带有自举弹出窗口

我在图像悬停窗口上有一个弹出窗口。但是当它出现时,会出现一个小矩形(在屏幕快照中圈出)。我认为这是某种按钮...我如何使其消失?这是代码:

回答 1 投票 1

CSS悬停工具提示的问题以及与之结合的溢出:滚动/自动(和位置绝对)

编辑:当然,在发布之后,我发现了一个涉及该主题的主题:如何在滚动中固定工具提示的位置 ?我将看一看,并更新是否/如何解决...

回答 1 投票 0

Jqplot-如何根据网格上的点位置来动态更改工具提示位置?

场景:jsfidle中的以下代码显示了一些点的图像和文本。问题:问题是我没有找到一种方法来动态更改工具提示的位置,并在某些点上......>

回答 1 投票 1

关于鼠标悬停和鼠标移出的wpf工具提示

我想做的是,一旦发生鼠标悬停,就会显示工具提示。除非将鼠标移出,否则工具提示将不会关闭。仅将鼠标移出即可关闭工具提示。客户有一个...

回答 2 投票 14

© www.soinside.com 2019 - 2024. All rights reserved.