
JS&HTML&CSS
文章平均质量分 77
sallay
飘到今天........
展开
-
getElementsByName()对有些元素无效(例如span)
document.getElementsByName(someName) 返回一个节点列表(数组)注意:在IE下有些节点是没有name 属性的,就是用document.getElementsByName获取不到的。只有下面的tag有name属性: A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, INPU原创 2008-09-09 16:26:00 · 1778 阅读 · 0 评论 -
javascript 识别字符字节数(支持中文)
一个中文识别为2 检验值是否小于指定长度varField 值 limit_len 长度 返回值:数字 如>=0则符合 function getLeftChars(varField,limit_len) { var i = 0; var counter = 0; var cap = limit_len;转载 2008-11-19 16:07:00 · 1211 阅读 · 0 评论 -
简单的可拖拉的Tree
html xmlns:ie>head> style> ie/:tree {display: block;} ie/:treeitem {font-weight: expression(this.children.length > 1 ? bold : normal); border-top: 2px solid white;displ转载 2008-11-19 14:55:00 · 713 阅读 · 0 评论 -
关于Html动态添加上传文件控件inputFile(附件)及清除已选择的文件的几个方法
一、动态添加上传文件控件 1. 案例一:HTML> HEAD> TITLE>上传文件TITLE> SCRIPT language=javascript type=text/javascript> var RES_BT_DELETE = "删除"; var is原创 2008-11-19 15:56:00 · 22060 阅读 · 2 评论 -
Javascript提示文本HelpTip.js源代码
示例:/*----------------------------------------------------------------------------/| Help Tip 1.12 ||-----------------------------转载 2008-11-19 15:10:00 · 1192 阅读 · 0 评论 -
javascript小技巧
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值转载 2008-11-19 14:32:00 · 852 阅读 · 1 评论 -
JavaScript中事件列表
javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2 鼠标点击时触发此事件ondblclickIE4、N4 鼠标双击时触发此事件onmousedownIE4、N4 按下鼠标时触发此事件onmouseupIE4、N4 鼠标按下后松开鼠标时触发此事件转载 2009-01-19 14:37:00 · 1722 阅读 · 0 评论 -
Silverlight中通过Javascript的XmlHttp调用服务器端内容的同步与异步问题
在做Silverlight开发时,经常需要以调用WebService的形式与服务器端进行交互。例如在Silverlight嵌入到SharePoint的项目中,常需要Silverlight调用SharePoint的WebService来与SharePoint交换信息。如果直接在Silverlight中通过C#的webclient访问WebService将涉及权限问题,需要将clientacce原创 2008-11-26 14:18:00 · 2707 阅读 · 1 评论 -
Google首页google Bar的跳动效果简易实现
好久没写文章了,过完春节人也变得更懒惰了。还是年前同事提起google首页下面几个小点点跳动的动画怎么实现的问题,拖到现在才整理一下。 以前还没怎么在意google下面的这个googleBar,以为只是几个好玩的动画图片而已,但仔细看来,竟然这些玄妙的动画效果仅仅来源于一张图片: 奥妙之处就在于javascript和style的混合运用。通常,我们在HTML原创 2009-02-20 13:47:00 · 1124 阅读 · 1 评论 -
由通过WebService上传附件给SharePoint的List时文件不能太大的问题说起…
有个项目(Submition project)是利用Silverlight做个表单将数据提交到SharePoint的List里,表单除了填写一些信息外还可以上传附件,但遇到的问题是上传附件时文件如果比较大就上传失败。 该项目的大致思路是用Silverlight收集数据,然后再通过javascript调用SharePoint的相关WebService来上传数据。相关代码原创 2008-12-18 15:42:00 · 7816 阅读 · 4 评论 -
AjaxPro实现机制探讨——Ajax是如何调用服务器端C#方法的?
谈起Ajax做过web开发的都非常熟悉,就是通过xmlhttp request与服务器端通信而避免页面刷新。关于Ajax是如何运作的,网上有很多帖子解释其各js文件的作用及调用xmlhttp的原理。但Ajax到底是怎么调用服务器端的C#代码的呢?怎么让后台的方法运行并将结果反馈给xmlhttp的呢?曾经有个同事问起我这个问题,我还真懵了!本以为象.Net 1.1下通过form传递必要的原创 2008-12-23 11:12:00 · 1891 阅读 · 0 评论 -
Silverlight嵌入到HTML之windowless属性及运用AjaxControlToolKit时出现虚线边框的问题
Silverlight程序最终是要以的形式嵌入到HTML里的,这就涉及怎么和HTML元素进行布局的问题。silverlight-plugin有个windowless属性,当windowsless属性值设置为false时,silverlight在HTML里就以子窗口的形式出现,即silverlight程序的展现由单独的窗口来处理,与其他html元素的展现是相互独立的。例如代码:div id原创 2009-04-11 14:45:00 · 2473 阅读 · 1 评论 -
AjaxControlToolkit环境下用Javascript实现简单的Dropdownlist
在项目中对下拉框的样式有严格的要求,传统dropdownlist右边的三角要换成一个自定义图片,且要求在ie和firefox下都能兼容(dropdownlist即html的select在firefox下边框不好处理)。所以就索性用javascript写了一个自定义的dropdownlist。虽然最后因“使用javascript过滥”而未被采用,但还是值得记录一下。 先看一下效果图:原创 2009-05-09 10:54:00 · 1472 阅读 · 0 评论 -
Silverlight 2.0在IE6 SP2上的虚线边框问题
在《Silverlight嵌入到HTML之windowless属性及运用AjaxControlToolKit时出现虚线边框的问题》里谈一些Silverlight在浏览器上运行时会出现虚线边框的问题,当时主要考虑了IE7和FireFox,却没想到在ie6 sp2上还是会出现虚线边框,必须鼠标点击一次让其获得焦点虚线边框才消失。 经过测试,发现如果用引入silverlight来取代直接使用可以原创 2009-05-26 10:35:00 · 842 阅读 · 0 评论 -
简单探照灯遮照效果的几个Silverlight程序(Silverlight 2.0)
最近做SonySource项目时实现了几个很小的Silverlight程序,分别是Clock、HomePeoplePicker和ManageMentPeoplePicker。实际上这三个silverlight程序都非常简单,主要特点有以下几个方面: 1. Silverlight程序和页面上的HTML元素混合在一起,且在特定事件触发后要动态改变Silverlight程序在页面中占的位置及大小,原创 2009-05-26 20:18:00 · 1740 阅读 · 0 评论 -
Css+Div在IE6上一些细小问题总结
好久没有做过Web开发了,最近做些css+div的页面设计工作还真有些不顺手,特别是有些东西在IE8上运行很正常,而在IE7和IE6上就离谱了。这里就一些ie6下不同之处做一下记录吧。 1、Div做线条的问题 在设计页面时有时候想用一个Div来模拟一条直线(某些情况是可以用Border和Padding等来实现的),给Div设置宽和高,并设置背景色或背景图,如:#bo原创 2009-10-29 17:48:00 · 962 阅读 · 0 评论 -
在Asp.net中利用Javascript避免表单重复提交(for .net2.0)
//--------------------------------------------------------- // 作者:野文(Jasson) // 日期:2007-1-11 // 功能:避免重复提交数据// 请放在HTML页面的最后,标记前标记后。 //--------------------------------------------原创 2008-11-19 15:14:00 · 1615 阅读 · 2 评论 -
使浮动DIV始终居中
html> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312"> title> * emu * title> SCRIPT> window.onresize = resetDIV;转载 2008-11-18 16:40:00 · 7900 阅读 · 0 评论 -
JavaScript参考对象
html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title>JAVASCRIPT对象title>style>body { font-family: Verdana; font-size: 11px }th { font-famil转载 2008-11-18 16:19:00 · 781 阅读 · 0 评论 -
HTML中TDC(Tabular Data Control)显示数据
今天在优快云论坛了帮人解决一个JS问题的同时发现IE里竟然嵌入了一个TDC ActiveX,使得html下能够设置Table的数据源动态加载数据。 我把那段代码引用进来,或许以后我也能用到: HTML:xml version="1.0" encoding="utf-8" ?> %@ page language="java" contentTy原创 2008-09-11 16:51:00 · 2106 阅读 · 0 评论 -
IE7下不允许显示用户本地图片的问题
在IE6.0中,用户可以在javascript中或许最终用户本地图片的长宽: function getLocalImageInfo( imgUrl ) { var objImg = new Image(); objImg.src = imgUrl; alert( objImg.width ) /原创 2008-09-15 12:16:00 · 2603 阅读 · 0 评论 -
Javascript/HTML的几个问题(ContentEditable,Selection and cursor style)
今天在解决一个问题时用到的几个Javascript/Html的知识点,简单总结一下: 一、元素的ContentEditable属性 在Html中,可以将元素的contentEditable属性设置为true,这样就可以由用户来编辑这个控件的大小及内容,例如:html>head>meta http-equiv="Content-Type" conte原创 2008-09-12 10:39:00 · 2751 阅读 · 1 评论 -
javascript nextSibling遇到空格的问题
有人问我怎样用javascript移除下列代码: http://blog.youkuaiyun.com/sallay" id="link"> this is a div 我不假思索的回答: document.getElementById("link").removeNode(true) documen原创 2008-09-17 17:41:00 · 1536 阅读 · 0 评论 -
JavaScript 图片切割效果(带拖放、缩放效果)
这篇文章是cloudgamer写的关于用Javascript实现图片切割效果的,觉得很不错,所以全部转载过来。原文地址http://www.cnblogs.com/cloudgamer/archive/2008/07/21/1247267.html。 另外,xqbar的blog里也对此做了详细的说明,可以作为学习的好材料。http://www.xqbar.com转载 2008-09-18 10:01:00 · 1601 阅读 · 0 评论 -
获取TextArea中已选中文本在整个文本串中的索引
在坛子里看到有人提出如何获取TextArea中选中的文本在整个文本串中的索引或者如何获取未选中文本的问题。我们知道通过document.selection.createRange().text方式能够获取当前选中的文本,但获取选中的这个文本在整个文本串中的起始位置却是有一点难度。已开始想到用indexOf()方法来解决问题,但立即被否决了,因为这种方式没有考虑到TextArea中有重复文原创 2008-09-16 16:27:00 · 4815 阅读 · 0 评论 -
用Javascript获取SharePoint当前登录用户的用户名及Group信息
在开发一个要部署到SharePoint里的程序的时候,遇到一个需求,要求用纯Javascript的方式获取当前登录到SharePoint的用户信息。 这里关键的一个问题是如何获取当前登录的用户名,有了用户名以后,就可以用WebService查询该用户名所属的组。 由于SharePoint的页面中,每个页面右上头都有一个Welcome信息(例如Welcome原创 2008-10-24 09:47:00 · 8056 阅读 · 2 评论 -
Javascript获取url参数(queryString)一个比较简洁的方法
通过JavaScript获取url中的参数信息不是很困难,方法很多。之所以用这个方法,是觉得它利用了正则表达式,很简练。 function getQuery(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.lo原创 2008-10-23 17:24:00 · 5975 阅读 · 1 评论 -
Silverlight获取SharePoint当前登录用户信息
在《用Javascript获取SharePoint当前登录用户的用户名及Group信息》中已经介绍了用Javascript调用WebService获取SharePoint中当前登录用户信息的方法。如果要在部署到SharePoint里的Silverlight程序中获取当前登录SP的用户信息,可以直接调用宿主html页面中的javascript代码来实现:String userNa原创 2008-10-24 11:48:00 · 2817 阅读 · 0 评论 -
JavaScript 的事件冒泡 demo
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh">"Content-Type" content="text/ht转载 2008-11-12 11:33:00 · 587 阅读 · 0 评论 -
解决HTML内部元素的Mouse事件干扰
话说有一个DIV元素,其内部有一个IMG元素和SPAN元素,不用理会这两个内部元素怎么布局,这不是我要讨论的重点。为了实现一些特殊的效果,我需要利用TD的onmouseover和onmouseout事件,测试时就会发现如下的状况:当鼠标移入DIV内部时,onmouseover事件被触发;接着再鼠标移动到DIV内部的IMG或者SPAN元素之上,我们肯定不会认为这时鼠标已经移到了DIV的外边,但奇怪的转载 2008-11-12 11:30:00 · 1121 阅读 · 0 评论 -
纯CSS实现的三级下拉菜单
html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>三级dropdown弹出菜单title>style type="text/css">/* common styling */转载 2009-01-06 14:31:00 · 1892 阅读 · 0 评论 -
IE下判断IE版本的语句...[if lte IE 6]……[endif]
……Ite:less than or equal to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。 在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。转载 2009-01-06 15:06:00 · 12247 阅读 · 1 评论 -
js脚本精粹
一直在做项目,天天忙到深夜,最近稍有空闲,写了个通用js脚本,如果在项目中应用的话,可能会减少不少页面缺陷。脚本大致包括几个方面:1、通用校验方法:可以设定若干通用类型(如数字、金额、文本等),根据特定类型自动校验、统一提示信息、自动对齐、自动设置长度等。2、自动获取页面初始焦点和回车切换焦点3、通用关联日期的计算方法(根据某个日期计算若干期间后的新日期)4、页面div拖拽方法 以下附有测转载 2008-11-18 15:57:00 · 1265 阅读 · 0 评论 -
三态的checkbox
在checkbox中,我们常用的是他的两态,即通过checked属性的true或false控制的checked状态和unchecked状态,实际它还有第三种状态,即“不确定的状态”indeterminate。 checked属性来决定选择框是否被勾选,而indeterminate决定选择框是是否是不确定的(true是选择框会变灰白色)。三态的checkbox(变化顺序:未选中->灰色原创 2008-11-18 16:03:00 · 8457 阅读 · 1 评论 -
后台如何通过Request取得多个含有相同name的控件的值?
在Asp.net开发中,所有html控件的值都是可以在服务器端用后台代码的Request[name]来获取其值的。但如果有多个相同name的Html控件提交到后台,怎么分别取各个控件的值呢?而多数情况下这些控件的个数是不定的。 例如在填写简历表单中,“工作经历”这项内容是可以让用户动态增加的,可能有的用户有3条工作经历,有的用户有5条工作经历。当然,我们讨论这个问题的前提是由用户动态增原创 2009-10-29 17:50:00 · 2881 阅读 · 2 评论