功能： 单击单元格选中，选中过程中使用方向键更换选中的单元格，选中过程中按回车键或者直接双击单元格进入可编辑状态，单元格失去焦点时保存修改的内容。 主要实现思路： 选中，移动选中区域等都是依靠jQuery强大的API进行实现的。而可编辑的单元格实际上是在选中单元格时，在单元格上面添加个input输入域，动态的更新数据源代码： HTML代码： 代码如下:<table class="editableTable"> <thead> <tr> <th>Item1</th> <th>Item2</...
html代码： 代码如下:<ul id="list3" class="eventlist"> <li>plain</li> <li class="special">special <button>I am special</button></li> <li>plain</li> </ul> script代码： 代码如下:function addRemoveItemNS() { var $newLi = $(<li class="special">special and new <button class="addone">I am new</button> <button class="removeme">remove me</button></li>); $(#list3 li.special) .find(button.addone) .unbind(...
腾讯微博也已近实现了拖拽上传。其实很简单。 由于没有服务器支持在文章里不能做上传演示，下载实例 拖拽上传需要什么支持 1:需要浏览器支持 drop 事件。(响应拖拽事件获取file对象); 2:XMLHttpRequest 对象有 sendAsBinary 方法(用于发送数据); 以上两个条件 目前仅有 firefox 能达到。 chrome 第一项达标，第2项可以使用 google.gears 来模拟。 所以能实现拖拽上传的浏览器 有 firefox3.6 + 和 chrome7+。 如何实现拖拽上传 1:绑...
HTML颜色选择器 范围：#000 - #FFF //  '); } document.writeln(''); var begin = 0; for (var i = 0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
因为是html格式的内容，直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果，再网上搜了一通之后，写下如下代码应该可以满足基本的要求了。(js写的，因为容易调试) 代码如下:var br = {}; br.spTags = ["img","br","hr"];/*不需要成对出现的标记*/ br.contain = function(arr,it){ for(var i=0,len=arr.length;i<len;i++){ if(arr[i]==it){ return true; } } return false; } br.s...
操作下拉框[Select] 1. $("#seelctId").append("<option value='"+optionval+"'>"+text+"</option>");//给下拉框增加 一下option选项 (ddlSayTo这是下拉框的ID) $("#seelctId").val(optionval);//选中刚才增加的option 2. $("#seelctId option:selected").text();//得到当前选中的选项的文本值 $("#seelctId").val();//得到当前选中的选项的option值
代码如下:str = str.<br /> replace( /&(?!#?\w+;)/g , &).<br /> replace( /undefinedundefined([^undefinedundefined]*)"/g , “$1” ).<br /> replace( /</g , < ).<br /> replace( />/g , > ).<br /> replace( /…/g , … ).<br /> replace( /“/g , “ ).<br /> replace( /”/g , ” ).<br /> replace( /‘/g , ‘ ).<br /> replace( //g , ).<br /> replace( /—/g , — ).<br /> replace( /–/g , – ); 上面这个还算短了...
如果不清楚innerHtml的脚本如何运行的可以参考这篇文章//www.gxlcms.com/article/234.htm下面的代码目的就是防止有些网站需要将一些特别的广告放到script中，大家可以完全用iframe替换，联盟广告大家可以用后加载的方式，特别处理。推荐的代码的写法： 代码如下:if(PageClass==2) { //顶部通栏 468*60用iframe方式加载 set_innerHTML(Head_2_2,All_Top_468_60); //顶部468*60 set_innerHTML(Head_5,All_Top_97...
1。编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id 属性 <table> <tr id="menu" > <td>控制这个tr的显示/隐藏</td> </tr> </table> 3，添加按钮，链接等触发 js 函数 <input type="button" onclick="display('menu')" value="显示/隐藏"/> <a href=...
点击编辑当前内容 var EditField={ configure:function(id){ this.id=id; this.createElements(); //动态生成编辑输入框 this.toScan(); //初始化动态生成的输入框和按钮、待编辑的DOM元素的display属性 this.addEvents(); //给相关的DOM元素添加事件监听器 }, events:function(elem,type,fn){ //用于添加事件的通用函数 if(elem.attachEvent){ elem.attachEvent("on"+type,fn); }else if(elem.addEventListener){ ele...
减少DOM数可以加快浏览器的在解析页面过程中DOM Tree和render tree的构建，从而提高页面性能。为此我们可以把页面中那些首屏渲染不可见的部分HTML暂存在TextArea中，等完成渲染后再处理这部分HTML来达到这个目的。 要把TextArea 中暂存的HTML内容添加到页面中，使用元素的outerHTML属性是最简单方便的了,不过在DOM标准中并没有定义outerHTML，支持的浏览器有IE6+,safari, operal和 Chrome，经测试FF4.0- 中还不支持。所以我们就来实...
这个问题在某些时候微不足道，甚至可以忽略，但有些时候，这个问题就非常严重，它很可能让我们的程序得不到预期的结果。因此我们需要解决这个问题。 如果你读过 MSDN，你会发现并非所有插入到 innerHTML 中的脚本都不能执行，如果这段脚本的 script 标签中包含了 defer 属性，IE 会正确的执行这些脚本程序。但不幸的是，Moziila/Firefox 和 Opera 可不吃这一套，不管 script 标签有没有设置 defer 属性，这些浏览器都不会向 IE 那样...
Asp.Net将字符串转为&#区码位编码，或者将&#区码位编码字符串转为对应的字符串内容。&#数字;这种编码其实就是将单个字符转为对应的区码位（数字），然后区码位前缀加上“&#”，后缀加上“;”组成，对于这种编码的字符串，浏览器会自动解析为对应的字符。Asp.Net字符串和&#编码转换源代码和测试代码如下:using System; using System.Text.RegularExpressions; public partial class purchase_property : System.Web.UI.Page {/// <s...
代码如下:<form action="/Home/Upload" enctype="multipart/form-data" id="form2" method="post"> <input type="file" name="fileToUpload" id="fileToUpload2" multiple="multiple" /> <input type="submit" value="submit" /> </form> 那在Asp.net MVC web application中，我们可以这么实现： 代码如下:@using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data", id = "form2" })) ...
Web 前端代码 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <table cellpadding="1" c...