1. 新建一个html页面，在body tag之间加入<canvas id="myCanvas">Gray Filter</canvas> 2. 添加一段最简单的JavaScript代码：window.onload = function() { var canvas = document.getElementById("myCanvas");// do something here!!} 从Canvas对象获取绘制对象上下文Context的代码如下：var context = canvas.getContext("2d"); 在html页面中加入一幅图像的html代码如下:<img id="imageSource" src="hanjiaren.jpg" alt="Canvas ...
最近刚刚接触DHtmlx这个js组件，对它还不是太了解，还在学习中，算是记录自己学习该组件的历程吧。首先xml文件里有一个grid，有对应的checkbox，通过var selectedId = mygrid.getCheckedRows(0);获取第一列中选中的行的id列表。在通过var selectedType = mygrid.cells(selectedId, 8).getValue();根据选中行的id获取第9列的值（当然了，这样写是因为selectedId中只有一个值）。 原文：http://www.cnblogs.com/zuimeideshi520/p/608...
///HTML组件///后面的字符串为这个控件的ID号///直线 Line (WebBrowser1.Document as IHTMLDocument2).execCommand(‘InsertHorizontalRule‘, True, ‘‘);///按钮 Button (WebBrowser1.Document as IHTMLDocument2).execCommand(‘InsertButton‘, True, ‘‘);///复选框 CheckBox (WebBrowser1.Document as IHTMLDocument2).execCommand(‘InsertInputCheckbox‘, True, ‘‘);///单...
代码如下: /** * 将页面设置为只读 */ var setReadOnly = function() { var input = $("input"); input.each(function(i) { $(this).attr("onfocus", "this.blur();return false;"); $(this).wrap(function() { return ; }); }); var select = $("select"); select.each(function(i) { $(this).attr("onfocus", "this.blur();return false;"); $(this).wrap(function() { return ; }); }); var textarea = $("textarea"); textarea...
前言：上篇介绍了下封装BootstrapHelper的一些基础知识，这篇继续来完善下。参考HtmlHelper的方式，这篇博主先来封装下一些常用的表单组件。关于BootstrapHelper封装的意义何在，上篇评论里面已经讨论得太多，这里也不想过多纠结。总之一句话：凡事有得必有失，就看你怎么去取舍。有兴趣的可以看看，没兴趣的权当博主讲了个“笑话”吧。 BootstrapHelper系列文章目录 C#进阶系列——一步一步封装自己的HtmlHelper组件：BootstrapHe...
前言：之前的两篇封装了一些基础的表单组件，这篇继续来封装几个基于bootstrap的其他组件。和上篇不同的是，这篇的有几个组件需要某些js文件的支持。 BootstrapHelper系列文章目录 C#进阶系列——一步一步封装自己的HtmlHelper组件：BootstrapHelper C#进阶系列——一步一步封装自己的HtmlHelper组件：BootstrapHelper（二） C#进阶系列——一步一步封装自己的HtmlHelper组件：BootstrapHelper（三：附源码） 一、NumberBoxExtensi...
代码如下:/** * 将页面设置为只读 */ var setReadOnly = function() { var input = $("input"); input.each(function(i) { $(this).attr("onfocus", "this.blur();return false;"); $(this).wrap(function() { return <span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" />; }); }); var select = $("select"); select.each(function(i) { $(this).attr("onfocus", "this.blur();return false;"); $(thi...
HTML5发布已经有很长一段时间了，一直以来从来没有仔细的看过，过年刚来随便看看发现HTML5中的Canvas组件功能是如此的强大，不怪很多牛人预言Flash已死，死不死不是我要关心的，我关心的Canvas可以很轻松在网页中实现简单相框和图像灰度化。一起来看看HTML5 Canvas是怎么做到的吧！1. 新建一个html页面，在body tag之间加入<canvas id="myCanvas" >Gray Filter</canvas>2. 添加一段最简单的JavaScript代码：window.onload = functi...
基本思路：首先绘制一个矩形背景，设置颜色为灰色。在背景上绘制一个简单的矩形外边框，然后再绘制一个内边框，接着加载选定的图像做为电子钟内部的背景图片。然后开始绘制时钟刻度，绘制分钟刻度，最后获取当前系统时间，绘制时分秒三个手柄。技术要点：使用HTML5的Canvas 2D绘制对象，主要使用context.save()与context.restore()方法来保存绘制状态和重置绘制状态，使用Transform和fillRect()方法来绘制时钟和分钟刻度。使用draw...
HTML5组件Canvas实现图像灰度化(步骤+实例效果)新建一个html页面，在body tag之间加入 <canvas id="myCanvas" >Gray Filter</canvas>添加一段最简单的JavaScript 脚本 <pre name="code" class="javascript">window.onload = function() { var canvas = document.getElementById("myCanvas"); <span style="white-space:pre"> </span>// TODO: do something here }从Canvas对象获取绘制对象上下文Context的代码如下： var contex...
HTML5, 原来如此神奇。程序在google浏览器中测试通过，感兴趣的朋友可以参考本文讲解的HTML5组件Canvas实现图像灰度化的具体步骤，希望对你有所帮助新建一个html页面，在body tag之间加入 代码如下:<canvas id="myCanvas" >Gray Filter</canvas>添加一段最简单的JavaScript 脚本 代码如下:<pre name="code" class="javascript">window.onload = function() { var canvas = document.getElementById("myCanvas"); <span style="wh...
本篇文章给大家带来的内容是关于你知道原生HTML组件是什么吗？原生HTML组件的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。嘿！看看这几年啊，Web 前端的发展可是真快啊！想想几年前，HTML 是前端开发者的基本技能，通过各式各样的标签就可以搭建一个可用的网站，基本交互也不是问题。如果再来点 CSS，嗯，金黄酥脆，美味可口。这时候再撒上几把 JavaScript，简直让人欲罢不能。随着需求的增长，HTML 的结...
HTML 组件（HTML COMPONENTS）是IE5。0的主要扩展之一，其也最具革命性，微软的意图是用HTML组件来取代ACTIVEX控件，和ACTIVE控件一样，HTML组件是自持续封闭对象，可以一次开发任意使用，使用HTML组件有很多好处，本文将给您揭示其中的一些！ HTML组件带入了很多新的术语、思想、对象、方法和属性，我将通过一个日历应用给您接受这些，这个日历应用显示当前月的日期、星期并且高亮度显示当前日期。 ====HTML行为和HTC行为=== ...
===定义标记和命名空间=== HTC的基础是自定义标记，自定义标记的第一次出现是在IE5。0中，它可以让WEB作者通过与结构关联的一系列样式来定义文挡结构，例如：您可以定义一个新标记<RIGHT>（段落右对其） <HTML xmlNS:DOCJS> <HEAD> <STYLE> @media all { DOCJS\:RIGHT {text-align:right; width:100} } </STYLE> </HEAD> <BODY> <DOCJS:RIGHT> Read Doc javaScripts columns, tips, tools, and tutorials </DOCJS:RIGHT> </B...
===最顶级页面=== 现在我们将我们注视的焦点转向我们的日历应用例子，该应用包括4个不同页面，canlendar.html为最顶级HTML文档，该页包含了calendar.htc HTC，而canlendar.htc有反过来包含两个别的HTC：day.htc和today.htc,calendar.html 内容如下： HTML xmlNS:MYCAL> <HEAD> <TITLE>Calendar Example</TITLE> <?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/> </HEAD> <BODY> <P>Click a day in the calendar...