随笔分类 - JavaScript
摘要：在系统中，有一个文本框，要求输入大写字母。但是用户不自觉，只好在程序来控制了。在网页中，拉一个TextBox控件：<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>写Javascript脚本，可使用onkeyup事件，即时把字母转换为大写字母：View Code <script type="text/javascript"> window.onload = function () { ...
阅读全文
摘要：当我们安装微软的软件，多数软件是需要输入license key。它有五个文本框，输入完第一个文本框之后，光标自动跳至下一个文本框。Insus.NET今天也使用asp.net来模仿一个。呵呵。这个演示，在输入时，是不需要与服务端交互，只有全部输入完毕之后，用户点铵钮才进行验证。因此在这里，写Javascript来实现即可。View Code <script type="text/javascript"> function JumpToNextTextBox(currentTxtBox, nextTextBoxID) { if (currentTxtBox.va..
阅读全文
摘要：Insus.NET在本次演示中，使用了接口(interface),在网页动态加载用户控件，并使用JQuery为来把网页处理的值传给用户控件。在面向编程中，Insus.NET较喜欢使用接口，认为它能为不同对象之间处理到相同的行为。ISetValableusing System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for ISetValable/// </summary>namespace Insus.
阅读全文
摘要：前天有一网友问及有关设计模式的适配器模式(Adapter)时，说不太好理解。让Insus.NET能否举个简单的例子来说明一下。下面的动画是Insus.NET做出来的效果:上面的演示，两个灯的规格一样，要求输入的电压为15伏。Light1是直接使用，而Light2是使用Adapter(电源适配器)。因此Light1只能接收15伏的电压，小于15伏，会提示电压过低，如果超过了15伏，Light1肯定被烧坏。Light2使用了电源适配器，它接收15伏至220的电压，在这电压范围之内，电源适配器会把电压转为15的电压。小于15伏，会提示电压过低，如果超过了220伏，适配器被烧坏。好，我们程序开始，先创
阅读全文
摘要：今天Insus.NET练习JavaScript，实现从父窗口打开一个子窗口，在子窗口处理一些结果之后，把结果赋值于父窗口的文本框内。可看效果：在站点创建两个aspx页面，一个是PageA.aspx另一个是PageB.aspx:在PageA.aspx的<head>节点内，写Javascript脚本，脚本有两个方法，一个是打开子窗口，一个是为文本框设值的方法：View Code <script type="text/javascript"> function popUp(url) { objSubWin = window.open(url, "
阅读全文
摘要：我们可以根据onkeydown事件的event.keyCode即是ASCII Chart来判断字符或数字等。相关键盘key对应的ASCII码：参考下面JavaScript代码：View Code <script type = "text/javascript"> function isNumeric(keyCode) { return ((keyCode >= 48 && keyCode <= 57) || keyCode == 8) } </script> <script type = "text/jav
阅读全文
摘要：在ASP.NET使用JavaScript显示信息窗口，你可下从Insus.NET的博客，下载一个DLL，放在站点的BIN目录。http://www.cnblogs.com/insus/articles/1945513.html创建一个aspx页面，然后在.aspx.cs的做几个动作，一是引用命名空间，实例化对象。然后在Page_load事件写javascript脚本：View Code protected void Page_Load(object sender, EventArgs e) { string message = "Welcome, Insus.NET!";
阅读全文
摘要：一直想实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上，今晚终于有时间实现它。此功能就是当鼠标经过时RadioButtonList或CheckBoxList每一个Item时，让Item有特效显示，离开时，恢复原样。可以看到效果：RadioButtonList效果：CheckBoxList效果：这资实现数据，Insus.NET准备了五行（Five Phases）创建一个对象[Five Phases]:FivePhases.csusing System;using System.Collections.Generic;using
阅读全文
摘要：在前网页前端处，我们放置ListBox控件，在数据提交前，检查用户是否有对此控件进行选择？ Insus.NET的方法是使用Javascript与CustomValidator自定义验证控件来检查。可以看到最终结果：你也想参此例子，可以参考下面数据与准备方法，写一个对象，它将用来产生十个天干。HeavenlyStem.csusing System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for HeavenlySte
阅读全文
摘要：Insus.NET从2013年开始学习Javascript，此博文是第一次使用JQuery，从Javascript客户端用JQuery呼叫Server端的方法。首先看看此例的演示：准备好Server端的方法：View Code [System.Web.Services.WebMethod] ...
阅读全文
摘要：开发要求，原本对CheckBoxList控件是用来让用户多选的。但现在特殊要求，这个CheckBoxList控件限制只能单选。哈哈，看看Insus.NET做出来的效果：为了你也能实现出来，可以参考下面的方法，第一是准备好一个对象“地支”（Terrestrial Branch）TerrestrialBranch.csusing System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for TerrestrialBra
阅读全文
摘要：今天有做了几个asp.net结合Javascript的教程文章。现回顾头来看看那些Javascript脚本，有写得不太理想，过于复杂。现Insus.NET抽取出来，重构它们。第一篇是http://www.cnblogs.com/insus/archive/2013/01/20/2868532.html原来的Javascript脚本:function SelectedAll(cb) { cb.checked = cb.checked ? false : true; var gv = document.getElementById('<%=GridVie...
阅读全文
摘要：某一个时候，CheckBoxList的选择太多，用户需要一个全选或全取消的功能。下面Insus.NET使用Javascript来实现它。准备好一个对象：MusicTypeusing System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for MusicType/// </summary>namespace Insus.NET{ public class MusicType { private int.
阅读全文
摘要：Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示，选中的行，使用高亮显示，让用户一目了然看到哪一行被选择了。本例中，使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果：Insus.NET原本是从数据库获取数据并绑定至GridView控件的，为了在学asp.net的网友，也能轻易操作，因此这个想法，采用对象存储数据。首先创建一个对象，[对联]的对象:Couplets.csusing System;using System.Collections.Generic;using System.Linq;using System.Web
阅读全文
摘要：本例实现通过RadioButton对DataList控件进行单选。你可以参考下面演示。准备好一个星座对象，并定义好一个泛型List来存储每一个星座名称。Constelltion.csusing System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for Constellation/// </summary>namespace Insus.NET{ public class Constellation
阅读全文
摘要：用Javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置。准备数据，创建一个对象，将是存储DropDownList控件每个Item数据。View Code Imports Microsoft.VisualBasicNamespace Insus.NET Public Class Catalog Private _ID As Integer Private _Name As String Public Property ID As Integer Get Ret...
阅读全文
摘要：昨晚朋友要求在前段时间完成的新闻的网站上加上一个功能，就是在每篇新闻浏览的页面， 加一个打印铵钮。让用户一点打印，能把整篇文章打印。一开始Insus.NET建议朋友，叫用户使用IE浏览器的打印功能，但是朋友说，那个打印功能是把页面的不相关的内容也打印了，用户只想打印整篇文章即可。既然要改，照做就是了。Insus.NET没有这方面经验，在网上找到很多相关的ASP.NET打印例子，要么太过复杂，要么效果不太理想。最后还是结合这诸多的例子，改写一个合适的功能。下面是改写的地方，首先在文章浏览的.aspx页面，添加一个Div，并加上runat="server" ，让其包含整篇文章，
阅读全文
摘要：CheckBox控件，由于它的值是选择与非选择。因此在提交数据时，想让用户必须选择CheckBox，普通情况之下，不好做验证。但我们可以使用asp:CustomValidator来验证，不过还得写自定义验证Javascript代码，可参考如下：View Code 1 function ValidateCheckBox(sender, args) { 2 var checkbox = document.getElementById("<%=CheckBox1.ClientID %>") 3 4 if (checkbox.checked) { ...
阅读全文
摘要：以前开发程序时，用户登录的密码文本框，是可以粘帖密码字符串的。现在用户要求，不能粘帖，只能由手动输入。看看Insus.NET实现的效果：原来是使用了一个叫onpaste事件。View Code 1 密码：<asp:TextBox ID="TextBox1" runat="server" TextMode="Password"></asp:TextBox>可粘帖字符串。<br />2 密码：<asp:TextBox ID="TextBox2" runat="serv
阅读全文
摘要：某一时候，为文本框(TextBox)装饰个水印。它有两种状态，一是blur和focus。因此，我们可以在Javascript写两个事件：View Code 1 <script type="text/javascript"> 2 var watermarkText = "输入名称"; 3 4 function WaterMarkOnBlur(textbox) { 5 if (textbox.value.length == 0) { 6 textbox.style.color = "gray"; 7 ...
阅读全文