草庐IT

javascript - 有没有办法使用默认的 Word 或 PDF 图像/图标作为缩略图而不是通用的灰色背景?

我想在dropzone文件预览中更改word/pdf文件的通用灰色背景。这是默认View:哪种方法最好? 最佳答案 这是我最终做到的方式:myAwesomeDropzone.on('addedfile',function(file){varext=file.name.split('.').pop();if(ext=="pdf"){$(file.previewElement).find(".dz-imageimg").attr("src","/Content/Images/pdf.png");}elseif(ext.indexOf("

javascript - 将搜索图标添加到输入框

$(function(){$('#add').click(function(){$('#inputs').append('');});});在上面的代码中,我想为每个使用按钮生成的新输入添加一个搜索图标(id=add;为简单起见,此处未显示)。这将是一个典型的输入:通过CSS,我可以固定搜索图标的位置。谢谢 最佳答案 这是我要使用的CSS代码:#add{padding:17px;padding-left:55px;width:300px;border:1pxsolid#f5f5f5;font-size:13px;color:gray

javascript - 将自定义图标添加到 tinyMCE 按钮

我正在尝试将一个Font-Awsome图标添加到我添加到tinyMCE的按钮中:ed.addButton('youtube',{title:'AddVideo',icon:'icon-youtube',onclick:function(){//dostuffhere...}使用像文档建议的图像是NotAcceptable,但出于某种原因我无法完成这项工作。有什么想法吗? 最佳答案 这个基于CSS的解决方案似乎运行良好:i.mce-i-[FONT-AWESOME-CLASSNAME]:before{//FONT-AWESOME-CLA

javascript - 如何从 Javascript 中的通用网页获取图标的 URL?

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭9年前。考虑到网站图标并不总是位于基本网址,我需要一种从通用网页获取网站图标URL的方法。附言无需使用外部服务或库。

javascript - 如何在 extjs 中正确设置按钮的图标大小?

我正在使用extjs4,我想做的事情似乎很简单,但我找不到适用的解决方案。我有一个64*64像素的图标,我希望我的按钮将其显示为背景图像,但extjs仅显示图像部分。在网上搜索了一个解决方案,但没有人建议一个工作解决方案。我只是想让我的背景图片适合我的按钮。这是我的js代码:{xtype:'button',text:null,iconCls:'startbutton',//icon:'./assets/icons/startbtn.png',//style:{height:'60px'},width:64,height:64}这是我的CSS代码:.x-btn-icon.startbut

javascript - 如何使 jQuery UI 可排序的 div 仅从图标中拖动?

我使用了一些jQueryUI可排序插件,但我总是发现同样的问题,我无法在可排序DIV中选择或单击,所以,也许我可以通过在只能拖动的地方放置一个图标来找到解决方案div,这样您就可以选择其他部分。怎么做? 最佳答案 在您的每个可排序项目中,包括您想要的任何内容作为您的句柄。(IE、img或样式化的span。)为handle元素指定一个类名—handle可能是一个不错的选择。在您的sortable构造函数中,将handle选择器设置为您为句柄指定的类。$('#div').sortable({handle:'.handle',cursor

javascript - 按钮上的点击事件正在发送一个图标作为目标?

我遇到的问题非常类似于:"Jquery'click'notfiringwheniconisonbutton"然而,该帖子的解决方案并没有为我提供解决方案,所以我认为可能会发生一些不同的事情。主要问题是我有一个带有图标的按钮。当我点击按钮(例如文本)时,事件目标是按钮元素;但是当我点击图标时,事件目标是图标对象。不幸的是,这非常烦人,因为我将数据值存储在我想要访问的按钮上。这是HTML:UpVote!DownVote!这是Javascript:functionsendVote(event){var$btn=$(event.target);console.log(parseInt($btn

javascript - 当谷歌的JS转换失败时,如何防止显示 Material 图标文本?

当Google的JS无法将它们转换为图标时,如何防止显示Material图标文本?图标在标记中定义如下:icon_name示例:https://archive.fo/CKqKG/scr.png(请参阅顶行按钮)。Material图标文档:https://material.io/icons/这也是Google搜索中的一个问题,Google会实际读取并保存div的文本而不是忽略它。示例:https://i.imgur.com/TixS06y.png我知道一种解决方案是简单地切换到.PNG(由Google提供)。我愿意做任何能减少用户系统(网络)负载的事情。谢谢!

javascript - 根据文件扩展名显示文件图标

我正在制作一张上传文件的表格:文件、名称、扩展名(在php中连接到mssqlserver)。我想根据扩展名为每个文件添加一个图标。我认为有3个选项可以实现这一点:最好-以某种方式加载用户默认图标并以某种方式将它们与我的文件连接很好-从一些网页图标列表以某种方式加载并以某种方式将它们与我的文件连接不好-将一些图标放入我的文件夹并从该文件加载它我知道如何执行第三个选项,但我不能只搜索10个图标,因为总会有一个扩展名不在我的文件夹中(例如jpeg不同于jpg)。您能告诉我如何做比第3种更好的解决方案吗?它可以是PHP或JS/jQuery,没关系。 最佳答案

php - WooCommerce 更改加载微调器图标

IM试图更改WooCommerce加载微调器图标。它在woocommerce.css中定义:.woocommerce.blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';-webkit-animation:spin1sease-in-outinfinite;animation:spin1sease-in-outinfinite;background:u