草庐IT

JavaFx:按钮边框和悬停

全部标签

javascript - Facebook 点赞按钮对话框溢出问题

在应用程序iframe中使用Facebook点赞按钮,例如“赞”按钮通常位于屏幕右侧的某个位置。问题是一旦点赞按钮被点击,它下方的对话框就会Conceal在iframe容器之外,例如简单地禁用对话框(使用CSS)非常容易,但是,我需要对话框。对此有哪些可能的解决方案?我希望应该有一种方法来触发某种覆盖形式或使对话框出现在点赞按钮的左侧而不是右侧。 最佳答案 来自Facebook'LikeButton'devpage'如果“赞”按钮放置在溢出属性设置为Conceal的HTML元素的边缘附近,则单击该按钮时弹出按钮可能会被剪裁或完全Co

javascript - 如果你添加一个类似 facebook 的按钮,定时器每 100 毫秒触发一次

我注意到Facebook的XFBML点赞按钮添加了一个每100毫秒触发一次的计时器。有谁知道为什么?另外,是否可以删除此计时器?我认为这是一个错误,因为100毫秒意味着它经常触发。另外,如果你有10个类似的按钮,你将每100毫秒触发10个触发器,每秒100个触发器。这太多了,可能会导致一些性能问题。您可以在Chrome中打开:http://mashable.com/进行检查(他们有很多类似的按钮)然后只需打开开发人员工具并从时间线选项卡中进行记录。您会看到很多Timer被触发(参见快照http://cl.ly/272h3V1u1t3w0f1R4625)。 最

javascript - Chrome 在具有边框半径的缩放元素内搞乱图像

用例我正在尝试构建“幻灯片放映”类型的应用程序。每张幻灯片都有固定的宽高比,但我希望内容以其正常的宽度/高度呈现-所以我试图在幻灯片的内容上使用CSS3“transform:scale”,使用视口(viewport)宽度/高度我计算理想的比例/边距以使幻灯片适合视口(viewport)。在一张特定的幻灯片上,我为人们展示了一些“信息卡”和每个人的“继任者”列表问题Chrome在图像上显示出一些非常奇怪的行为。如果您调整窗口大小,图像会到处移动。如果您强制图像以某种方式重新绘制图像似乎会自行修复(即向下滚动页面并返回)编辑这似乎与边框半径框内的图像特别相关!问题这是Chrome中的错误吗

javascript - 拦截按钮回发的最佳方式

我见过其他解决方案,例如this一个非常简单但如果javascript函数不只是confirm('sure?');呢?我永远不知道它什么时候会返回bool值。所以我决定像这样实现所有我的ASP.NET按钮:Delete$('#btnDelete').click(function(e){$.blockUI({message:$('#divConfirmDeleteModal'),overlayCSS:{cursor:'default'},css:{cursor:'default'},baseZ:5555});returnfalse;});$('#btnDeleteYes').click(

javascript - 如何使用 leaflet js 插件弹出和悬停?

我正在使用drupal传单模块,并希望在单击时弹出一个窗口,然后在悬停时将鼠标悬停在Angular落中。目前我有弹出窗口工作但无法添加鼠标悬停。我读到的所有地方都在说您可以使用geoJson对象向功能添加鼠标悬停,但看起来我无法通过此模块使用它访问该对象。这是我的Js代码。(function($){Drupal.behaviors.maps={attach:function(context,settings){//AddlegendstoeachleafletmapinstanceinDrupal'ssettingsarray$(settings.leaflet).each(funct

javascript - 单击后悬停状态卡在按钮上

我有一个具有两种状态的表单:编辑和可见。当您单击一个图标来编辑表单时,底部的两个按钮(类似于提交)会出现以保存或取消。当我单击它们时,表单会更新(或取消)并且按钮会消失。问题是当我重新打开表单进行编辑(并且按钮再次可见)时,最后一次单击仍然在Chrome中应用了悬停状态。SaveCancel为简单起见,这里只是取消函数...$scope.cancel=function(){//setaflagforangulartohide/showeditingmodeinHTML$scope.editMode=false;}; 最佳答案 如之前

javascript - 网站上的 WhatsApp 共享按钮。检测 WhatsApp 是否存在的简单方法?

我正在我的网站上添加WhatsApp共享按钮,当用户设备上不存在(不支持)WhatsApp功能时,我想隐藏此按钮。有简单的方法吗?或者有什么办法吗?我找到了http://whatsapp-sharing.com,但它对我来说有一些缺点。-不支持自定义按钮/图标-看起来它只检测Android和IO(WindowsPhone怎么样?)-难以维护更大的元素我正在寻找一些JS/jQuery或CSSonly(mediaqueries?)解决方案,但目前没有成功。任何建议都会有所帮助,谢谢。 最佳答案 DEMO试试这个$(document).r

javascript - 将引导模式滚动到底部时启用按钮

我想强制用户阅读模式内的所有协议(protocol)。这个想法很简单,如果他们不滚动到文本的最后一行。该按钮仍然禁用。但是该按钮未启用。这是我的代码:Javascript:$('#agreement').scroll(function(){if($(this).scrollTop()==$(this)[0].scrollHeight-$(this).height()){$('#closeBtn').removeAttr('disabled');}});至于更清晰的图片。我将代码放在js中:http://jsfiddle.net/h3WDq/1129/这是@BG101的更新版本。当我滚动

javascript - 是否可以获得鼠标按钮 4、5 等?

简单地说,有没有什么方法可以在JavaScript中检测额外的鼠标按钮按下?它没有记录在其余的鼠标输入中,所以我猜它不在标准实现中。有什么方法可以启用额外的鼠标按钮吗? 最佳答案 是的,你可以这样做,检查MouseEvent.button,请参见下面的示例,该示例将检测3和4个按钮的点击。Somepointingdevicesprovideorsimulatemorebuttons.Torepresentsuchbuttons,thevaluemustbedoubledforeachsuccessivebutton(inthebin

javascript - 带有自定义按钮的 UI Bootstrap 控件 uib-carousel

我试图通过按钮控制轮播,而不是轮播上方的控件(我将隐藏人字形图标)。我检查了人字形图标并在源代码中找到了这个:1">previous我尝试将属性(类除外)添加到按钮,但它不起作用:1">Previous我猜它不起作用,因为按钮不在uib-carousel,所以它不知道什么是'prev()'和'isPrevDisabled()'功能是。我可以引用该函数,还是创建我自己的函数来控制它?PlnkrDemo我注意到的另一件事,但它是题外话,如果您双击右侧或左侧的V形按钮(假设是右侧),它只会向右滑动一张。然后,如果我单击左V形,它会向右移动一次,然后向左移动(当您第二次单击左V形时)。有什么办