小编The*_*lob的帖子

如何在Javascript window.print()调用的默认打印菜单上捕获click事件?

我已经构建了一个使用window.print()启用打印的页面.由于管理层有一些非常不寻常的要求,我需要能够捕获调用window.print()时出现的打印菜单的click事件.具体来说,在Chrome中,我需要捕获"打印"(蓝色)和"取消"(灰色)按钮的点击事件.

我不得不承认我甚至不知道从哪里开始.我检查了每个元素,可以看到这些是标准的html元素.这些按钮具有类(打印默认的打印按钮和取消的取消按钮),但没有标识.

我还注意到在打印菜单之外没有可见的DOM,并且打印菜单html标签的ID为'print-preview'.

如何捕获打印菜单按钮的点击事件(至少在Chrome中)?

google-chrome javascript-events

8
推荐指数
1
解决办法
5141
查看次数

如何使用REPLACE()替换mysql SELECT查询中的1列中的多个值?

我有一个表格,其中包含布尔值(仅限0和1),需要对客户端进行CSV格式化.我知道我可以做1替换像这样:

SELECT REPLACE(email, '%40', '@'),
       REPLACE(name,'%20', ' '),
       REPLACE(icon_clicked, 1, 'Yes') 
FROM myTable 
WHERE id > 1000;
Run Code Online (Sandbox Code Playgroud)

这会将1的所有值转换为'是',但如何在单个查询中为1 =>是和0 =>否这样做布尔结果存储在一个列中?我试着这样做:

SELECT REPLACE(email, '%40', '@'),
       REPLACE(name,'%20', ' '),
       REPLACE(icon_clicked, 1, 'Yes'),
       REPLACE(icon_clicked, 0, 'No')
FROM myTable
WHERE id > 1000;
Run Code Online (Sandbox Code Playgroud)

但是这个查询为'No'字符串替换创建了一个额外的列(所以最终结果有4列,email,name,icon_clicked-> yes,icon_clicked-> no)

mysql sql replace

7
推荐指数
1
解决办法
2万
查看次数

JS - surroundContents仅在文本中保留了大约20%的突出显示尝试

我正在使用mouseup事件来触发一个突出显示文本的函数,并用一个span来覆盖突出显示的文本(来自堆栈溢出的函数):

function highlightText(e) {

    var t = window.getSelection().toString();
    if (t) {
        $("#mySpan").remove();
        var range   = window.getSelection().getRangeAt(0);
            newNode = document.createElement("span");
        newNode.id  = 'mySpan';

        range.surroundContents(newNode);

    }
}
Run Code Online (Sandbox Code Playgroud)

我遇到的主要问题是,只要surroundContents包含,文本仍然只突出显示大约20%的突出显示尝试(否则突出显示立即消失).我尝试添加一个setTimeout,而不是为1s调用surroundContent.我也尝试删除remove()语句,但仍然没有好处.

有关为什么会发生这种情况的任何想法?

javascript highlighting

7
推荐指数
1
解决办法
576
查看次数

-webkit-link 是与颜色相关的任何 html 元素或 css 属性的有效颜色吗?

在我的一个应用程序中,我注意到 Chrome 通过以下规则自动将链接颜色设置为颜色“-webkit-link”:

/* Not set by my CSS stylesheet */

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}
Run Code Online (Sandbox Code Playgroud)

与十六进制代码相比,我更容易记住默认链接颜色为 -webkit-link。

我尝试设置包裹在p标签和div标签中的文本颜色,这似乎在 Codepen 上运行良好。

div, p { color: -webkit-link; }
Run Code Online (Sandbox Code Playgroud)

“-webkit-color”对于颜色相关的任何地方都是有效的颜色吗?(我可以测试每种颜色有效的可能情况,但我没有时间)。例如,此规则是否会给出“链接蓝色”边框颜色?

div { border: 2px solid -webkit-link; }
Run Code Online (Sandbox Code Playgroud)

或者这个规则设置了一个带有“链接蓝色”的线性渐变?

div { background-image: linear-gradient(135deg, red 60%, -webkit-link 60%); }
Run Code Online (Sandbox Code Playgroud)

或者这个规则设置了一个带有“链接蓝色”颜色的框阴影?

div { box-shadow: inset 2px 2px 2px 4px -webkit-link; }
Run Code Online (Sandbox Code Playgroud)

和无尽的其他使用颜色?

css webkit colors

7
推荐指数
1
解决办法
6253
查看次数

Php工匠在Windows命令提示符下显示奇怪的字符

请任何人帮我解决这个错误我正在获取Windows 10的命令提示符.每当我尝试利用Laravel 5.2中的php工匠功能时,我都会收到此错误.我试过运行"系统文件检查器命令:sfc/scannow",但错误仍然存​​在. 在此输入图像描述

laravel

7
推荐指数
1
解决办法
1452
查看次数

创建一个可以在C++中保存不同类的对象的数组

如何创建一个可以在C++中保存不同类的对象的数组?

c++ arrays polymorphism

5
推荐指数
2
解决办法
3303
查看次数

d3 - 将鼠标悬停在图例上以突出显示相应的数据

使用d3成功创建了热图.

这是FIDDLE.

我对使用d3的mouseover事件有一些基本的想法.但现在我想向前迈进一步.

这就是我要找的东西.当我将鼠标悬停在图例上时,我希望悬停的图例各自的数据在图表中突出显示.

有人可以帮我实现吗?

javascript d3.js

5
推荐指数
1
解决办法
3845
查看次数

CSS 背景图像的 url 可以使用哪些 Web 协议?

我正在构建一个应用程序,str_replace()任何字符串http:https:背景图像的 URL 中都需要 a 。有谁知道背景图像的 URL 可以使用任何其他协议吗?例如,以下任何一种情况是否可能,或者有人在 CSS 背景图像 URL 中看到过以下任何一种情况吗?

TCP
UDP
ICMP
POP
FTP
IMAP
Run Code Online (Sandbox Code Playgroud)

举个例子,这对于 CSS 来说可能吗?

#myDiv {    background-image: URL("ftps://mysite.com/pub/myimage.png");    }
Run Code Online (Sandbox Code Playgroud)

感谢您的任何见解!

network-protocols background-image

5
推荐指数
1
解决办法
189
查看次数

如何预测字段是否存在

如果我有类似结构的文件如下.我正在使用计算结果更新它们,我想知道结果是否已经插入到文档中.让我们说每个文档我运行计算'c'和计算'd'.现在我想显示所有文档的表格,并显示是否已经执行了计算'd'.对于这个表我不关心计算'c'.

{
"_id":1
"a":1,
"resultsOfComputation":{
   "c":{large embedded document},
   "d":{large embedded document}   
   }
}

{
"_id":2
"a":1,
"resultsOfComputation":{
   "c":{large embedded document}
   }
}
Run Code Online (Sandbox Code Playgroud)

我想得到一个结果,告诉我文档是否包含特定字段.例如,我想知道它是否包含字段"resultsOfComputation.d",无论该字段的值是什么.

查询"resultsOfComputation.d"的结果示例如下:

{
"_id":1
"a":1,
"resultsOfComputation":{
   "d":true   
   }
}

{
"_id":2
"resultsOfComputation":{
   "d":false
   }
}
Run Code Online (Sandbox Code Playgroud)

如果"resultsOfComputation.d"不在文档中,它也可以是未定义的,这也可以:

{
"_id":1
"a":1,
"resultsOfComputation":{
   "d":true   
   }
}

{
"_id":2
"a":1,
"resultsOfComputation":{}
}
Run Code Online (Sandbox Code Playgroud)

通常,想法是获得文档的所有根元素,但是对于所选择的(一个)计算结果仅获得真/假/未定义,因为计算的结果是大的嵌入文档.

mongodb

5
推荐指数
1
解决办法
1807
查看次数

为什么不能使用简写部分继承CSS填充?

浏览样式表时,我不时会看到如下规则:

padding: 10px inherit;
Run Code Online (Sandbox Code Playgroud)

我不知道这是否是有效的CSS所以我制作了3个JSFiddles.所有3个小提琴都有一个父母的<p>孩子<div>(并在Chrome 59.0中测试过).在第一个JSFiddle中,子项继承父填充(单个inherit关键字),元素检查显示两者<p><div>在x和y方向都有10px填充:

div {padding: 10px 10px}
p {padding: inherit}
Run Code Online (Sandbox Code Playgroud)

第二个JSFiddle中,子项<p>显式继承了x和y填充(1个实际<length>,1个inherit关键字):

div {padding: 10px 10px}
p {padding: 10px inherit}
Run Code Online (Sandbox Code Playgroud)

检查<p>显示CSS已经坏了(即没有继承填充);

第三个JSFiddle中(为了完整性),子节点<p>也同时显式继承了x和y填充,但在这种情况下,有两个单独的inherit关键字:

div {padding: 10px 10px}
p {padding: inherit inherit}
Run Code Online (Sandbox Code Playgroud)

而这个CSS也打破了<p>(即没有继承填充)

我假设这意味着子元素不能使用速记"部分"继承父属性值.这是正确的,如果是这样,为什么它不能被部分遗传?(即,W3C文档是否在某处提到过这个?).

更新 - 如果你明确地拆分填充属性(不要使用速记),你可以继承(参见这个JSFiddle)

考虑到我在几个样式表中看过案例#2(第二个小提琴),看起来其他开发人员也认为部分继承是有效的.

css inheritance

5
推荐指数
1
解决办法
2154
查看次数