草庐IT

提示框

全部标签

javascript - 改变 ui.bootstrap 工具提示箭头的颜色(附有 plunker)

这是plunker代码。http://plnkr.co/edit/C1khFJqTUutDaK9ad7ud?p=preview我需要更改工具提示箭头。示例中工具提示的位置是顶部、底部和左侧。谁能告诉我如何设置这些工具提示的样式。我需要为工具提示的不同位置对工具提示箭头进行不同的着色。例如tooltipattop->arrowcolorshouldberedtooltipatbottom->arrowcolorgreentooltipatleft->arrowcoloryellow谁能告诉我如何获取这些类并将颜色应用于这些工具提示。这是代码HTMLCSS.tooltip.tooltip-

javascript - 刷新元素以显示其新工具提示(在 jQuery/Javascript 中)

我有一个html元素,当悬停在它上面时,它使用Bootstrap工具提示来显示标题。但是,当您单击此元素时,我正在更改工具提示,但直到我将鼠标从它移开并再次将鼠标悬停在该元素上时,新的工具提示才会显示。我希望在单击所述按钮时立即显示工具提示。我怎样才能做到这一点?有没有办法在没有更好的词的情况下“刷新”html元素? 最佳答案 试试这个演示:http://jsfiddle.net/dreamweiver/9z404crn/$(document).ready(function(){$('#example').tooltip();$('

javascript - 如何更改 Bootstrap 工具提示的字体

使用bootstrap.js中的Tooltip插件,如何更改工具提示中文本的字体?无论我多么努力,我唯一的成功就是更改了我的*选择器中定义的文本。我的Bootstrap是用jQuery激活的:$(".myTooltip").tooltip({html:"true",placement:"auto-right",delay:{"show":300,"hide":100}});工具提示显示在这张图片旁边:SometextMoreTextCost"class="myTooltip"src="image.png"/> 最佳答案 Bootst

javascript - 为 C3JS 定制的工具提示

我使用C3.JS创建了一个图表。它有条形图和折线图,如下所示图表工作正常,但我有一个要求,我需要在工具提示中显示一个折线图以及其他数据点。折线图来了,但缺少其他数据点(x,data1,data2)。此外,默认情况下,工具提示应仅在鼠标单击时出现,而不是鼠标悬停在页面加载时,工具提示应出现在最后一个栏中。当前我的工具提示仅显示如下所示的折线图,没有其他数据点(x,data1,data2)但我希望我的工具提示如下所示我的代码如下谁能帮我解决这个问题WorkingJSFiddlefunctiongenerateGraph(tooltip,data1,data2){//ifthedataiss

javascript - 在javascript中定位提示弹出窗口

我有一个如下所示的javascript提示,我想将提示置于屏幕中心。如何使用javascript做到这一点?functionshowUpdate(){varx;varname=prompt("Pleaseenteryourname","");if(name!=null){x="Hello"+name+"!Howareyoutoday?";alert("Input:"+name);}}我就是这样调用它的:5.MissedP/UComments除了在IE中提示转到左上角和在Firefox中提示外,它可以找到但我需要相同的解决方案才能在两种浏览器中工作。 最佳答案

javascript - 推特 Bootstrap 工具提示错位

请看这个jsfiddle我用top:0;给了一个问号图标绝对位置;right:-42px;因此显示工具提示的元素在row之外。我认为这导致工具提示无法获得适当的宽度或将工具提示内容和工具提示内容放错位置并困在row-fluid中。如您所见,箭头位置很好。更新:我会在textarea旁边放置?图标,textarea填充其父级宽度并右对齐。这是另一个example 最佳答案 将body指定为工具提示的容器(demo):$('[data-toggle="tooltip"]').tooltip({container:'body'});

javascript - 如何使 Bootstrap 3 工具提示与文档中的显示相同

在TwitterBootstrap3上,当您查看工具提示时,它如下所示。当我尝试这样做时。这就是工具提示的显示方式。这是我使用的代码。Tooltiponleft更新这是我的JS代码$('#tooltip1').tooltip('options') 最佳答案 您需要将Tooltiponleft放在data-original-title="Tooltiponleft"和id="tooltip1"中以匹配您的脚本。Tooltiponleft它不起作用,因为您的脚本引用了您没有的ID和“选项”作为字符串。选项应为空白或类似“显示”或“隐藏”

javascript - 在工具提示上显示百分比谷歌图表

我想用百分比显示谷歌图表的比率。我知道如何将vAxis更改为百分比:vAxis:{format:'#%'},但问题是我的数据在工具提示中没有显示为百分比,而是以小数值显示(0.85而不是预期的85%)我的代码如下:google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(function(){})functiondrawChart(data){vardata=google.visualization.arrayToDataTable(data);varoptions={title

javascript - 删除同步图表中的工具提示,当用户离开图表区域时

我正在使用Highcharts的同步图表来演示统计数据。供引用:http://www.highcharts.com/demo/synchronized-charts.这里,第一次绘制图表时,没有选择任何数据点。当光标进入图表区域时,工具提示、十字准线和数据点会突出显示。它按预期工作。我需要修改的是,当用户从图表中出来时,图表应该看起来像在加载阶段。即如果光标不在任何图表上,则不应选择任何数据点。换句话说,数据点上的工具提示、十字线和突出显示的阴影应该被删除。在此先感谢您的任何帮助或建议。 最佳答案 使用mouseleave检测鼠标何

javascript - 设置确认提示框的标题

有什么方法可以设置确认提示(javascript中的confirm())框的标题?目前在IE中运行确认提示框标题为“WindowsInternetExplorer”,在Firefox中为“http://...said:”。 最佳答案 都不是Mozilla也不IE支持设置标题,如链接规范中所示。 关于javascript-设置确认提示框的标题,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi