草庐IT

improving-the-dom

全部标签

javascript - 我如何告诉 javascript 立即更新 DOM?

我正在尝试在javascript中调用耗时函数之前向用户加载“正在加载”消息。HTML:Foo​Javascript:varfoo=document.getElementById('foo');functiontellViewerLoading(){//Telltheuserthatloadingisoccuring.foo.innerHTML='loading...';}functionsomeActionThatTakesALongTime(){//Dosomeactionthattakesalongtime.vari=0;while(iJSFiddle:http://jsfidd

javascript - 通过 JS 插入时,具有内联 block 和文本对齐的 DOM 等距 div 将不起作用

我一直在尝试实现ChrisCoyier的内联block+文本对齐解决方案,以在给定的包装宽度中自动水平分布div。http://css-tricks.com/equidistant-objects-with-css/当元素立即加载到DOM中时效果很好,但由于某种原因在通过JS以编程方式添加元素时失败。就好像浏览器只是忽略了css属性。查看此fiddle以获得一个非常基本的示例:http://jsfiddle.net/xmajox/NUJnZ/前两行是在HTML加载时添加的。单击该按钮可通过JS在运行时添加更多内容。最初我认为它可能与伪元素的使用有某种关系:after所以我尝试了一个带有

javascript - 如何在新窗口中获取dom元素?

JavaScript中的一个简单任务是打开一个新窗口并在其中写入。但是我需要写在一个dom元素中,一个带有ID的div。varnovoForm=window.open("somform.html","wFormx","width=800,height=600,location=no,menubar=no,status=no,titilebar=no,resizable=no,");比我尝试一些...varw=novoForm.innerWidth;varh=novoForm.innerHeight;novoForm.document.getElementById("monitor").

javascript - 如何在 DOM 中的克隆/插入元素上触发事件?

我无法在我克隆/插入到DOM的元素上触发事件。检查fiddlehere.HTML:[THISISDIVA]CLICKTOCLONEDIVAjQuery:$('.A').on("click",null,function(){alert('DIVACLICK');});$('.B').on("click",null,function(){$('.A').clone().insertAfter('.A');});如果我点击一个克隆的DIVA,没有任何反应。如何在克隆的元素上触发事件? 最佳答案 我提出了两个解决方案。首先,在这种情况下更好

javascript - 给定一个日期 (m/d/yyyy) 确定它是否是当月的 "the third tuesday"等

这个问题在这里已经有了答案:FindingthesecondandfourthTuesdayofthemonthwithJavascript(1个回答)关闭9年前。经过多次搜索,我一直没能找到我要找的东西。我正在使用jquerydatepicker返回一个看起来像Day,MonthDate,YYYY的日期字符串,我正在寻找一个库或一些方法来接受它并转换它进入每月的第二个星期二,或每月的第四个星期四。到目前为止,jquery的prettyDate和EasyDate似乎没有我正在寻找的功能,我希望避免手动执行此操作!谢谢,亚历克斯

javascript - 从主干 View 中的模板获取 DOM 元素

我正在使用Backbone.js来显示人员列表及其数据。每个人都有属于自己的.div由_.template生成并包含显示此人数据的字段,以便对其进行调整。还有一个带有class=".save"的按钮.在我看来,我有一个绑定(bind)到单击此按钮的功能。我正在寻找获取值的最佳方法-div中的标签属于模型。这是我的方法,但我想知道是否有更好的方法。在我的模板中,我根据模型的ID为DOM元素动态分配了ID。我使用相同的逻辑在View中找回元素。模板"id="name_"/>"id="age_"/>"id="address_"/>Save查看events:{"click.save":"sav

javascript - 谷歌 polymer : Listening to property changes from outside the element

我目前正在使用GooglePolymer构建控件。我想知道是否可以从元素外部监听属性更改事件。我目前的解决方法是在调用我从其他元素监听的propertyChanged方法时触发一个显式事件。//PropertychangeinchildelementPolymer('some-input',{valueChanged:function(){this.fire('valueChanged',this.value)}});[...]//Listeningintheparentelementready:function(){this.$.someinput.addEventListener(

javascript - NodeJS & Socket.IO : Emit a request event and get the response, 我应该何时/何地绑定(bind)监听器?

我目前想知道在这种情况下什么是最佳编程实践:假设我已将客户端连接到我的服务器。这个客户端要求服务器使用auth事件和他的用户名进行身份验证。socket=io();socket.emit('auth',"John");在这个简单的例子中,服务器响应一个带有用户ID的auth_succeed事件。io.on('connection',function(socket){socket.on('auth',function(username){socket.emit('auth_succeed',id);}}所以我的问题是,我应该在何时何地为客户端中的auth_succeed事件绑定(bind

javascript - 使用 DOM 创建并填充一个复选框列表,其中包含 javascript 中的数组值

我有一组动物...我如何设法在javascript中创建一个复选框列表,并用动物数组中的动物名称填充每个复选框,并在html中显示它们。我的尝试代码:varlengthArrayAnimals=animals.length;for(vari=0;pos 最佳答案 这是一种方式(纯JavaScript,无jQuery):varanimals=["lion","tigers","bears","squirrels"];varmyDiv=document.getElementById("cboxes");for(vari=0;ihttps

javascript - sails .js : post text input and a file in the same time

我想在表单中发送一个文件和一个隐藏的输入文本。在我的Controller中,request.body等于{}。当我删除enctype="multipart/form-data"它适用于我的文本但不适用于我的文件。上传我的文件:uploadFile.upload({saveAs:fileName,dirname:directoryName},functiononUploadComplete(err,files){...............});我的Controller:importXLS:function(req,res){varuploadFile=req.file('xlsx_f