随笔分类 -  HTML/CSS

摘要:在Repeater控件中,很容易实现在行与行之间使用分隔线。因为此控件有内置的SeparatorTemplate模版。举个例子吧:运行时,可以看到效果:说句实在的话,Insus.NET做一条水平线,不太喜欢使用hr来做,因为它在运行时,线条开始部分,好象有个小圆点似的。因此还是较喜欢使用div标签来实现。再运行看看:下面Insus.NET把hr和div产生的水平线的效果,放在一起,你就可以看到区别了: 阅读全文
posted @ 2013-07-20 06:11 Insus.NET 阅读(920) 评论(0) 推荐(2)
摘要:最近时间,专案需要,写了一个类库,主要是为了移除HTML标签以及截取前一段文本的类库。下载地址:http://download.cnblogs.com/insus/Library/CharacterUtility.rar下载之后,把CharacterUtility.dll拉入BIN目录。.NET Framework要求: .NET 4.0引用命名空间。VB.NET:Imports Insus.NETC# : using Insus.NET;此类库需要实例化。VB.NET: Dim objCharacterUtility As New CharacterUtility()C#:Character 阅读全文
posted @ 2013-07-10 10:36 Insus.NET 阅读(1511) 评论(1) 推荐(1)
摘要:某一些要求,移除网页的图片标签。做个例子吧,在网页中,拉几个控件,其中一个是图片控件。 View Code 浏览并查看源代码:现在,Insus.NET要做的,在网页运行,要自动移除网页所有标签。去.aspx.cs写一段代码:这样子,就可以在runtime时,所有图片的标签移除,并可以做其它相关的动作了。运行看看: 阅读全文
posted @ 2013-07-04 17:28 Insus.NET 阅读(1809) 评论(0) 推荐(1)
摘要:刚才Insus.NET有尝试改一段代码,是让用户能动态变更网页背景图片的小功能。当Insus.NET去执行铵钮Click事件时,它却出现标题的错误。代码是这样的:此代码,原本是没有什么问题的,但现在添加了#6行代码,即是一个铵钮。当执行click事件,它就出现异常了。 Click事件代码是这样的:怎样解决呢?最终在网上找到一个方法:http://leedumond.com/blog/the-controls-collection-cannot-be-modified-because-the-control-contains-code-blocks/大约如下(英文):Insus.NET所理解的, 阅读全文
posted @ 2013-06-24 17:26 Insus.NET 阅读(763) 评论(0) 推荐(1)
摘要:应网友要求,做一个图片淡入淡出切换的效果功能。需要的是后台动态加载图片。在演示之前,Insus.NET准备好几张图片放在网点的一个目录(Imgfiles)下; Jquery script和css 样式文件。在站点上,创建一个网页Default.aspx,并引用jquery 脚本以及样式文件入网页中:然后在网页中,写一个Div标签,由于需要在后台加载图片,因此把它设为Server控件。添加id和runat="server":接下来,我们去后台.aspx.cs写加载图片代码:Demo source:http://download.cnblogs.com/insus/ASPDOT 阅读全文
posted @ 2013-06-24 14:05 Insus.NET 阅读(1478) 评论(5) 推荐(2)
摘要:Insus.NET一直想写一个自己的控件,不是用户控件(UserControl)。这几天看了很多相关的知识,只是了解一点点而已。踏出第一步,是最关键的,下面就来练习练习。写自定义控件,能学习到一个重要的方法,就是:protected override void Render(System.Web.UI.HtmlTextWriter writer){ //write render code.}本练习是,自定义控件接收一个数据源,目的是能让自定义控件有实例化时,接收一个数据源。在网站的App_Code创建一个类[LinkControl],其继承(Inheritance) WebCo... 阅读全文
posted @ 2013-05-31 17:32 Insus.NET 阅读(722) 评论(5) 推荐(1)
摘要:你可以参考下面方法,进行动态为网页引用外部的Javascript脚本文件。代码写在Page_Init方法内。VB.NET:下图是运行时,查看HTML的源代码:C#: 阅读全文
posted @ 2013-05-31 10:26 Insus.NET 阅读(1112) 评论(0) 推荐(1)
摘要:样式(css)文件,一般情况之下,是在创建网页时,就部署好了。但在动态化的环境之下,动态加载样式,是常之操作的开发。我们在网站创建一个目录CssStyle,然后在这个目录中,创建一个样式文件StyleSheet.css:body {}.textbox { border-style: solid; border-color: #f00; border-width: 1px;}View Code 如果某一网页中,想使用这个样式文件,只要拉至这网页中的<head>节点中即可。只要网页中的TextBox控件应用了这个样式,就可以看到效果了:看看这是普通的做法,网页引用样式文件,看看运... 阅读全文
posted @ 2013-05-30 23:53 Insus.NET 阅读(1271) 评论(1) 推荐(1)
摘要:这是一个asp.net普通javascript的练习,是使用javascript去获取DropDownList Selected 选项的信息,如text,value和index等。Insus.NET在.aspx.cs内准备好一些数据,是有关浏览器相关信息的,并写在泛型Dictionary<T,V>: private Dictionary<string, string> GetBrowser() { Dictionary<string, string> dict = new Dictionary<string, string>(); dict.Ad 阅读全文
posted @ 2013-05-28 15:47 Insus.NET 阅读(1217) 评论(0) 推荐(2)
摘要:数据源来自:http://www.cnblogs.com/insus/archive/2013/02/03/2890852.html今天再去微软网站下载哪些图片时,发现windows的图标颜色变了。现在的问题是,在这些图片绑定至RadioButtonList控件时,图片应该是Vertical对齐。还是先来看看前一帖在浏览时,它的html源代码:上图高亮部位的代码,就是每个选项产生的代码,有它有一个input标签,type为Radio,一个Label标签和Label标签内还有一个img标签组成。根据这些特征,我们在网页写一个样式style:<style type="text/cs 阅读全文
posted @ 2013-05-28 08:59 Insus.NET 阅读(1275) 评论(0) 推荐(1)
摘要:几天前,Insus.NET写一篇显示目录图片的博文:http://www.cnblogs.com/insus/archive/2013/05/16/3081055.html 只是让你了解到GridView控件显示图片,用户控件的使用以及开发过程常提及的接口应用。当显示原图时,是使用了Ajax的技术,似有所局限性。如果你的站点中,有需要显示很多图片,或是显示图片为主的网站的话,使用GridVeiw控件来显示,就显得它不足之处。此次,Insus.NET使用另外一个控件DataList来显示,并一步一步实现最终的效果。做程序开发,是不能一步到位,均是先实现最基本以及预期的效果,再进行重构,再优化,再 阅读全文
posted @ 2013-05-18 16:08 Insus.NET 阅读(7411) 评论(2) 推荐(3)
摘要:如果想在.aspx输出如上代码,得在后台动态产生div标答,并加载至aspx页面即可。如果想产生div标签,需要使用HtmlGenericControl产生。在.aspx:上图中PlaceHolder容器是将用来在后台动态产生的控件。另外一个Button是为获取div的ID。在page_Load事件... 阅读全文
posted @ 2013-05-10 22:40 Insus.NET 阅读(2314) 评论(1) 推荐(1)
摘要:今天想做些练习,做什么呢?还是练习一下动态变更样式吧。此博文在应用用户控件,接口,事件等知识,可以让你学习到编程的思想,如果是你来写,你是从哪一步开始,或是有另外种写法,都可达到相同的目标,绝招同途异路。准备三种样式,在站点中创建一个目录"StyleSheet"用来存储样式文件,样式文件名分别为StyleSheet.css,SS_css1.css和SS_css2.css。StyleSheet.cssbody{ }.textbox { border:solid 1px #000;}SS_css1.cssbody{ }.textbox { border:s... 阅读全文
posted @ 2013-04-17 22:42 Insus.NET 阅读(3002) 评论(6) 推荐(6)
摘要:由于程序中,这个DataKeyNames名称是一个动态值,因此在html的GridView不能直接写成这样子asp:GridViewID="GridViewUnitCode"runat="server" DataKeyNames="xxx" ... 也就是说,html中的Gridview不能带DataKeyNames属性,如果写上了,就是写死了。在.cs中,Insus.NET是这样解决的。为GridView动态添加DataKeyNames属性并赋值,有一点需要注意的,就是它应该是在GridView绑定数据前时进行。下面两种顺序是正确的 阅读全文
posted @ 2013-04-14 14:21 Insus.NET 阅读(1082) 评论(0) 推荐(1)
摘要:搜索介面如下:程序中需要实现如上的一个搜索功能。[Option]有两个选项,说明结果需要一个Detail或Summary。这是二选一,而且必选一个。[By]选择是让用户填入用户信息,或是选择部门。 当用户选择用户选择,在下出现文本框,让用户填入用户名;当用户选择部门时,在下出现下拉列表,让用户选择部门。[DateTime]选择,也有两种情况选择,一个是选择年月份的,默认是当前年份,用户选择年份之后,选择月份; 另一个选择日期,当选择日期选项,在下出现两个文本框,可输入开始与结束日期的,也可以选择。分析,总共6个选择,2种结果,4个条件(用户,部门,日期或月份),因此将有8个参数,这个8个参数为 阅读全文
posted @ 2013-04-06 11:00 Insus.NET 阅读(2512) 评论(2) 推荐(3)
摘要:在系统中,有一个文本框,要求输入大写字母。但是用户不自觉,只好在程序来控制了。在网页中,拉一个TextBox控件:<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>写Javascript脚本,可使用onkeyup事件,即时把字母转换为大写字母:View Code <script type="text/javascript"> window.onload = function () { ... 阅读全文
posted @ 2013-03-28 11:33 Insus.NET 阅读(1252) 评论(2) 推荐(3)
摘要:当你创建好一个网页时,什么都没有写,就可以运行,然后查看源程序(View Source),就会看到下面一段。此刻,也许你会想起,在网页有一个属性EnableViewState,可设为False,但似乎不见效果。其实网页有ViewState并不是坏事,但有时我们不需要它。怎样办?首先回过头来,看第一幅图片,第12行代码,即高亮部分,是我们想移掉的部分。我们可以使用正则,然后网页重新Render,就可把它拿掉。在.aspx.cs 或.aspx.vb引用namespace:using System;using System.IO;using System.Text;using System.Text 阅读全文
posted @ 2013-01-26 10:39 Insus.NET 阅读(825) 评论(7) 推荐(1)
摘要:一直想实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上,今晚终于有时间实现它。此功能就是当鼠标经过时RadioButtonList或CheckBoxList每一个Item时,让Item有特效显示,离开时,恢复原样。可以看到效果:RadioButtonList效果:CheckBoxList效果:这资实现数据,Insus.NET准备了五行(Five Phases)创建一个对象[Five Phases]:FivePhases.csusing System;using System.Collections.Generic;using 阅读全文
posted @ 2013-01-23 22:09 Insus.NET 阅读(660) 评论(0) 推荐(2)
摘要:昨晚朋友要求在前段时间完成的新闻的网站上加上一个功能,就是在每篇新闻浏览的页面, 加一个打印铵钮。让用户一点打印,能把整篇文章打印。一开始Insus.NET建议朋友,叫用户使用IE浏览器的打印功能,但是朋友说,那个打印功能是把页面的不相关的内容也打印了,用户只想打印整篇文章即可。既然要改,照做就是了。Insus.NET没有这方面经验,在网上找到很多相关的ASP.NET打印例子,要么太过复杂,要么效果不太理想。最后还是结合这诸多的例子,改写一个合适的功能。下面是改写的地方,首先在文章浏览的.aspx页面,添加一个Div,并加上runat="server" ,让其包含整篇文章, 阅读全文
posted @ 2013-01-15 14:19 Insus.NET 阅读(4238) 评论(2) 推荐(3)
摘要:某一时候,为文本框(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 ... 阅读全文
posted @ 2013-01-14 14:14 Insus.NET 阅读(858) 评论(2) 推荐(3)