随笔分类 -  Web UI

摘要:AutoComplete 是一个可以附属到任何一个 TextBox 控件上的 ASP.NET AJAX 扩展控件,它可以帮助页面用户的文本框输入, 显示提示信息,该信息可以根据用户的输入进行设置。提示输入信息将根据与 AutoComplete 配合的 Web Service 来提供,并显示于 TextBox 的左下方。 在上面的例子中,和 AutoComplete 所配合的 TextBox 将提示以 TextBox 中的内容为开头的输入,有点类似模拟数据库中的 Like 检索结果。 当你在 TextBox 的输入超过指定的最小长度时,提示框将显示以其输入为开头的词组和短语。在这个例子我们还采用 阅读全文
posted @ 2008-07-14 19:08 洗碗心得 阅读(631) 评论(0) 推荐(0)
摘要:XMLHTTPRequest对象的说明DEMO 阅读全文
posted @ 2008-07-14 19:07 洗碗心得 阅读(144) 评论(0) 推荐(0)
摘要:对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的! 下载地址:http://jquery.com 下载完成后先加载到文档中,然后我们来看个简单的例子! $(document).ready(function(){ $("a").click(function() { alert("Hello world!"); });}); 上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一 阅读全文
posted @ 2008-07-14 19:07 洗碗心得 阅读(241) 评论(0) 推荐(0)
摘要:所有效果说明:基本的鼠标互动:拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing)各种互动效果:手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)放大镜效果(magnifier)、阴影效果(shadow)第一部分:鼠标交互1.1 Draggables:拖拽所需文件:ui.mouse.jsui.draggable.jsui.draggable.ext.js用法:文件载入后,可以拖拽class = 阅读全文
posted @ 2008-07-14 19:06 洗碗心得 阅读(621) 评论(0) 推荐(0)
摘要:这是一个webservices,在aspx中调用就行了!using System;using System.IO;using System.Web;using System.Collections;using System.Collections.Generic;using System.Threading;using System.Web.Services;using System.Web.Services.Protocols;using System.Xml.Serialization;/// /// Summary description for AutoCompleteService/ 阅读全文
posted @ 2008-07-14 19:05 洗碗心得 阅读(370) 评论(0) 推荐(0)
摘要://示例实现省市的二级无刷新联动选择省名连接服务器动态加载市名根据省名获取市名 using System;using System.Data;using System.Data.SqlClient;using System.Configuration;using System.Collections;using System.Web;using System.Text;using System.IO;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI. 阅读全文
posted @ 2008-07-14 19:05 洗碗心得 阅读(461) 评论(0) 推荐(1)
摘要:第一种根据表达式(ID,DOM元素名,CSS表达式,XPath表达式)找出文档中的元素,并组装成一个jQuery对象返回。DEMO:jQuery basicjQuery构造函数jQuery(expression,context)jQuery(html)jQuery(elements)jQuery(fn)将以下jQuery代码加入文末的脚本块中:jQuery("ul>li:first").addClass("selected");页面运行效果如下:其中jQuery()可替换为快捷方式$(),如果$被其它对象占用,可使用jQuery.noConflic 阅读全文
posted @ 2008-07-14 19:04 洗碗心得 阅读(370) 评论(0) 推荐(0)
摘要:无论你是Ext库的新手,抑或是想了解Ext的人,本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和初级了解HTML Dom。否则的话,请从阅读初学JavaScript资源开始。下载Ext如果你未曾下载过,那应从这里下载最新版本的Ext http://www.extjs.com/downloads。针对你的下载需求,有几个不同的弹性选项。通常地,最稳定的版本,是较多人的选择。下载解包后,那个example文件夹便是一个探索Ext的好地方!开始!我们将使用Ext,来完成一些JavaScript任务。 阅读全文
posted @ 2008-07-14 19:01 洗碗心得 阅读(482) 评论(0) 推荐(0)
摘要:列出所有Ext的方法和成员使用方法:将以下代码另存为 .html文件即可。以下为以是代码效果:version Ext.apply类型为:function 成员函数有: createInterceptor createSequence defer createDelegate createCallback apply isStrict isSecure isReady enableGarbageCollector enableListenerCollection SSL_SECURE_URL BLANK_IMAGE_URL Ext.emptyFn类型为:function 成员函数有: creat 阅读全文
posted @ 2008-07-14 19:01 洗碗心得 阅读(1248) 评论(0) 推荐(0)
摘要:AJAX demo——操作文本文件 一个简单的AJAX演示。主要功能有 : 1、读取文本文件并显示。 2、更新文本文件。 Copyright @ 2006 www.phpobject.net!以下是asp code:text.txt content is following:" Response.Write "" Response.Write "" While Not txtFile.AtEndOfStream Response.Write txtFile.ReadLine & "" Wend Response.Wr 阅读全文
posted @ 2008-07-14 19:00 洗碗心得 阅读(299) 评论(0) 推荐(0)
摘要:function OpenWin(theUrl){window.open(theUrl,'','menubar=no, z-look=yes, scrollbars=no, toolbar=no, status=yes, resizable=no, width=400, height=300');}function OpenWin(theUrl,width,heigh){window.open(theUrl,'','menubar=no, z-look=yes, scrollbars=yes, toolbar=no, status=yes 阅读全文
posted @ 2008-07-14 18:59 洗碗心得 阅读(776) 评论(0) 推荐(0)
摘要:// 功能:把指定的文本中左边和右边的空格全部截取// 返回:已经截取的文本// 参数:text 指定的文本function trimAll(text){ return leftTrim(rightTrim(text));//先右截取,再左截取,返回}// 名称:左截取函数// 功能:把指定的文本中左边的空格全部截取// 返回:已经截取的文本// 参数:text 指定的文本function leftTrim(text){ if(text==null || text=="") return text;//如果text无内容,返回text var leftIndex=0;//定 阅读全文
posted @ 2008-07-14 18:59 洗碗心得 阅读(865) 评论(1) 推荐(0)
摘要:1: window.openwindow.open('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')参数解释:window.open 弹出新窗口的命令;'page.html' 弹出窗口的文件名;'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替; 阅读全文
posted @ 2008-07-14 18:58 洗碗心得 阅读(376) 评论(0) 推荐(0)
摘要:下面这三种我就不知道该怎么用了,就把代码放在下面吧,哪位要是会的话,可教教大家。 阅读全文
posted @ 2008-07-14 18:58 洗碗心得 阅读(135) 评论(0) 推荐(0)
摘要:拖动效果函数演示 by Longbill.cn div1:我可以被拖动 div2:来拖我呀 div3:我随便你拖 div4:我可以随窗口滑动,把我拖到最下面,然后滚动网页看看 作者: Longbillwww.longbill.cn 参数说明:drag(obj [,scroll]);obj:对象的id或对象本身;scroll(可选):对象是否随窗口拖动而滑动,默认为否鼠标右键查看源代码 阅读全文
posted @ 2008-07-14 18:58 洗碗心得 阅读(290) 评论(0) 推荐(0)
摘要:(1).在打开的子窗口刷新父窗口的代码里如何写? window.opener.location.reload() (2).如何设定打开页面的大小 打开页面的位置 (3).在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 (4). 检查一段字符串是否全由数字组成 (5). 获得一个窗口的大小 document.body.clientWidth; ... 阅读全文
posted @ 2008-07-14 18:57 洗碗心得 阅读(222) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2008-07-14 18:57 洗碗心得 阅读(1485) 评论(0) 推荐(0)
摘要:1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中value="paraValue"的Item为选中 8得到select的当前选中项的value 9得到select的当 阅读全文
posted @ 2008-07-14 18:56 洗碗心得 阅读(268) 评论(0) 推荐(0)
摘要:设置为我的首页加入收藏 阅读全文
posted @ 2008-07-14 18:55 洗碗心得 阅读(188) 评论(0) 推荐(0)
摘要:父窗口代码打开子窗口 子窗口代码 <!-- function refreshParent() { window.opener.location.href = windo... 阅读全文
posted @ 2008-07-14 18:55 洗碗心得 阅读(400) 评论(0) 推荐(0)