草庐IT

HTML表单

全部标签

javascript - html2canvas - iframe 没有屏幕截图

我有一个任务需要在我的网页上加载URL(e.g.yahoo.com)并截取屏幕截图。我正在使用html2canvas截图并将其附加到页面正文。URL指定的页面已成功加载到div元素内的iframe中。但是当我尝试对其进行截图时,iframe区域变为空白。下面是previewURL和screenshot的代码。//topreviewtheURLcontentfunctionpreviewUrl(url,target){//usetimeoutcozmousehoverfiresseveraltimesclearTimeout(window.ht);window.ht=setTimeout

javascript - 在表单重置按钮上重置 ckeditor 值

我的表单上有一个表单重置按钮:Reset这会重置我表单上除ckeditor之外的所有控件,我希望能够重置表单上ckeditor的值。ckeditor的相关文本区域被重置。那么我该如何将ckeditor的重置编码到表单重置按钮中呢? 最佳答案 没有简单的方法可以将CKEditor与同步.但是可以同步使用CKEditor(editor.updateElement)。我会先向编辑器设置空数据,然后调用editor.updateElement()重置字段和编辑器:...onClick="CKEDITOR.instances.theInsta

javascript - 检查表单验证是否正确

您好,我有一个表单,我想通过表单验证运行然后提交。我如何检查以下函数是否返回true以了解所有内容都已验证并提交?我创建了一个fiddle来测试http://jsfiddle.net/WHGq2/修改后的代码$(function(){$("#form").validate({debug:false,rules:{name:"required",email:{required:true,email:true},phone:{equired:true,phone:true}},messages:{name:"Pleaseletusknowwhoyouare.",email:"Avalide

javascript - Angular.js 中的部分 HTML 字符串转义

我已经阅读了Angular转义默认情况下的所有内容和$sce的方法。,所以我用$sce.trustAsHtml()将数据列入白名单通过过滤器(因为$sce在服务中不起作用),像这样:但问题是,我不信任HTML的某些部分。要深入了解细节-我有translations其中包含HTML,但其中包含可替换的标记/变量。所以translationssupportHTML,但我不希望提供的标记包含HTML。我的过滤器logEntry内部看起来像这样:vartranslated=$translate('Log.'+msg.context.entity_type)+'.'+msg.context.ac

javascript - html5视频结束时调用AngularJS Controller 函数

我的应用主页上有一段视频,当我启动它时会播放。当视频结束时,我想使用一些CSS3过渡来移动页面。在视频的结尾,我希望能够调用一个angularJSController函数。'usestrict';angular.module('app',['ionic']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('home',{url:"/home",templateUrl:'views/home.html',controller:'homeCtrlasctrl'}).state('project

javascript - 如何通过 jQuery 和 Ajax 将 Google 表单数据发布到电子表格

我正在开发一个Chrome扩展程序,它本质上是一个简单的自定义Google表单,它将发布到响应电子表格中。我获得了以下功能,仅成功发送和填充数据一次,但再也不会:functionpostFormToGoogle(){vartimeOne=$("#time1hour").val();vartimeTwo=$('#time2hour').val();vartimeThree=$('#time3hour').val();$.ajax({url:"https://docs.google.com/forms/d/FORMKEY/formResponse",beforeSend:function(

Javascript HTML 5 进度条不适用于 setInterval

单击按钮时进度条增加1。但我没有看到它增加到100。我必须一次又一次地单击按钮来增加值。你能告诉我我可能做错了什么吗?此外,如何在不使用进度条ID的情况下清除每个进度条达到100时的间隔?window.onload=function(){console.log("Hello");varbutton=document.getElementById("animateButton");button.onclick=goProgress;}functiongoProgress(){ console.log("IngoProgress()");varprogressBars=document.g

javascript - 如何在 HTML 中指定 Javascript 的版本

随着新的JavaScriptES6的发布。我想知道如何指定版本。假设,如果我想使用HTML5,我在html页面的顶部声明同样,如果我想使用jQuery,那么我会使用jQuery2.1.4或任何我使用的src指向下面的urlhttps://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js我们在html中是这样写js的。//js或如何指定脚本应使用ES6版本,以防浏览器不支持,回退到ES5。 最佳答案 正如其他人所说:浏览器将使用它内置的任何JavaScript引擎……无

javascript - 如何在 react.js 表单中创建多个提交按钮?

我正在尝试在react.js中创建一个表单,用户可以在其中单击两个不同的按钮来执行两个不同的操作。在我的例子中,表单应该允许用户选择一个文档并替换当前文档(第一个按钮)或附加到它(第二个按钮)。是否有可能以单一形式实现这一点?我以为我可以使用onSubmit函数中的“事件”参数检测应用了哪个按钮,但没有成功。我还考虑过使用对输入和普通按钮的引用来重新创建一个伪表单,但如果存在更简洁的解决方案,我宁愿不使用这样的hack。预先感谢您的帮助!注意:我发现了一些与多个提交按钮相关的问题(例如here和here),但没有一个涉及react.js解决方案。 最佳答案

javascript - 不能使用字母 x 开始 Angular 中的 html 属性

我注意到Angular1.5.6组件有一些非常奇怪的地方。我有一个名为scale的组件。我称之为:在我的Controller中:$scope.xScale='lin'.还有我的组件定义:angular.module('myapp').component('scale',{templateUrl:'analyse/components/scales/scale.tpl.html',controller:function(){console.log('incontrollerandthisis',this);},bindings:{xScale:'='},});控制台日志输出undefin