国产精品一区二区三区不卡 ,亚洲午夜日本在线观看,caoprom在线

CSS 资源大全

��菜毛毛 — Tue, 21 Sep 2010 04:42:00 GMT

今天�Q?a title="我爱互联�|? target="_blank">我爱互联�|?/span> 为大家准备了一�l�Web 设计资源大全�Q�包括字体，css 资源�Q�Logo 设计资源�Q�图标，设计启发�Q�教�E�，Photoshop 素材下蝲�Q�以�?wordpress 资源。每个类别又包含数十套该�c�d��下的具体资源�Q�可能是有关Web 设计的终极资源了。强烈推荐！

本文地址�Q?a >http://www.woiweb.net/top-75-best-design-resources-of-2008.html

字体

- 60 套公司用设计字体 [Smashing Magazine]

- 20 套免�Ҏ��写字体与资源 [Fuel Your Creativity]

- 50 套专业Web设计与印��L��字体 [Noupe]

- 15 套漂亮的高质量免费字�?/span> [Smashing Magazine]

- 21 套来�?DeviantArt 的艺术字�?/span> [Designflavr]

- 设计专业人士使用�?套最佛_��?/span> [Just Creative design]

- 45 套符合现代设计趋势的免费漂亮字体 [Six Revisions]

css

- 50 个强大的 CSS 实用工具 [Smashing Magazine]

- 30 �?CSS ��炒资料 [All Web design Resources]

- CSS �~�辑器评��?/span> [Smashing Magazine]

- CSS 高手�?10 个原�?/span> [NETTUTS]

- 2008 最�?CSS 设计�Q?a >中文�Q?[Web Designer Wall]

- 40 �?CSS 生成�?/span> [All Web design Resources]

- 重置你的CSS [Six Revisions]

- 实现�q�净代码�?2条定�?/span>�Q?a >中文�Q?[Smashing Magazine]

��菜毛毛 — Thu, 27 May 2010 01:37:00 GMT

在线的HTML内容�~�辑器�ؓ用户提供文本的样式控�Ӟ��例如文字的颜艌Ӏ�字体大��等。虽然现在网上有不少功能强大的编辑器 �Q�如�Q�FCKEditor�Q�，但是在��用中需要许多复杂的配置�Q�而且代码往往比较“臃肿”。本文的目的��是介绍如何开发一个HTML�~�辑器。应用本文介�l? 的方法，可以方便的开发出满��自己需求的�Q�代码相�Ҏ��较精��的HTML�~�辑器。以下是一个应用本文方法开发的HTML�~�辑器，实现了一些简单的功能�Q?

代码下蝲在线演示

开发方法如下：

1.��d��一个可�~�辑的iframe

实现HTML�~�辑器的�W?步就是在�|�页中放�|�一个可�~�辑的iframe用来输入文本�Q��iframe可编辑方法相当简单，只需要将iframe�? designMode讄��为on卛_��Q�具体步骤如下：

var editor = document.getElementById("IFRAME的ID");



var editorDoc = editor.contentWindow.document;

var editorWindow = editor.contentWindow;



editorDoc.designMode = "on";



editorDoc.open();

editorDoc.write("");

editorDoc.close();

2.讄��选中文本的样�?/h1>
讄��选中文本样式的方法最��单的方式��是使用document.execCommand,但是execCommand功能比较局限，有时不能满��需求，例如�Q�execCommand讄��字体大小只能�?-7,不能使用像素大小�Q�而且如果你在点击工具栏按钮到调用execCommand的过�E�中点击�? 其他的DIV�Q�iframe的选中内容会消失，�q�时调用execCommand是无效的。因此本文介�l�另一�U�方法，基本思�\如下�Q?br />
(1) 获取选中的HTML�Q?br /> (2) 修改HTML的样式；
(3) 用修改后的HTML替换选中的HTML�?br />

2.1 获取选中的HTML

在不同的��览器中获取选中的HTML的方法是不同的，在IE中可以��?

var range = document.selection.createRange()

在Firefox,Chrome中则使用

var range = window.getSelection().getRangeAt(0);

2.2 替换选中的HTML

通过2.1的方法获取了表示选中内容的对象后�Q�就可以调用其方法来替换掉选中的内宏V��在不同的浏览器中替换选中的HTML的方法有所差异�Q�在IE�? 可以只需调用range.pasteHTML��p��了，在Firefox,Chrome中则使用range.deleteContents �? range.insertNode 两个�Ҏ��来实�?

2.3 ��装一个操作选中HTML的类

�׃��2.1中获取的range对象的方法在不同��览器中差异很大�Q�因此，��Z��方便实现2.1�?.2提到的两个操作，��装了一个操作选中HTML�? �c�SelectionRange�Q�该�c�L��两个�Ҏ��Q�GetSelectedHtml和Replace�Q�分别用于获取HTML和替换HTML。其代码如下�Q?

//用于记录���览器的�c�d��

var browser = {};



var ua = navigator.userAgent.toLowerCase();



browser.msie = (/msie (["d.]+)/).test(ua);

browser.firefox = (/firefox"/(["d.]+)/).test(ua);

browser.chrome = (/chrome"/(["d.]+)/).test(ua);



//获取多个节点的HTML

function GetInnerHTML(nodes)

{

var builder = [];

for (var i = 0; i < nodes.length; i++)

{

if (nodes[i].nodeValue != undefined)

{

builder.push(nodes[i].innerHTML);

}

else

{

if (nodes[i].textContent) builder.push(nodes[i].textContent.replace(/", function() { return "<"; }));

else if (nodes[i].nodeValue) builder.push(nodes[i].nodeValue.replace(/", function() { return "<"; }));

}

}

return builder.join("");

}



function SelectionRange(doc, range)

{

//获取选中的内容的HTML

this.GetSelectedHtml = function()

{

if (range == null) return "";



if (browser.msie)

{

if (range.htmlText != undefined) return range.htmlText;

else return "";

}

else if (browser.firefox || browser.chrome)

{

return GetInnerHTML(range.cloneContents().childNodes);

}

else

{

return "";

}

}



//用html替换选中的内容的HTML

this.Replace = function(html)

{

if (range != null)

{

if (browser.msie)

{

if (range.pasteHTML != undefined)

{

//当前选中html可能以�ؓ某种原因�Q�例如点��M��另一个DIV�Q�而丢失，重新选中

range.select();

range.pasteHTML(html);

return true;

}

}

else if (browser.firefox || browser.chrome)

{

if (range.deleteContents != undefined && range.insertNode != undefined)

{

//���文本html转换成DOM对象

var temp = doc.createElement("DIV");

temp.innerHTML = html;



var elems = [];

for (var i = 0; i < temp.childNodes.length; i++)

{

elems.push(temp.childNodes[i]);

}



//删除选中的节�?/span>

range.deleteContents();



//���html对应的节�?即temp的所有子节点)逐个插入到range中，�q�从temp中删�?/span>

for (var i in elems)

{

temp.removeChild(elems[i]);

range.insertNode(elems[i]);

}

return true;

}

}

}

return false;

}

}

与此同时�Q�还实现了一个函数GetSelectionRange用于获取当前选中文本对应的SelectionRange对象�Q?

function GetSelectionRange(win)

{

var range = null;



if (browser.msie)

{

range = win.document.selection.createRange();

if (range.parentElement().document != win.document)

{

range = null;

}

}

else if (browser.firefox || browser.chrome)

{

var sel = win.getSelection();

if (sel.rangeCount > 0) range = sel.getRangeAt(0); else range = null;

}



return new SelectionRange(win.document, range);

}

2.4 修改选中的HTML的样�?/h2>

修改选中的HTML的样式方法�ƈ不复杂，只需要将HTML转成DOM对象�Q�然后递归的设�|�每一个节点对应的样式的值即�?具体代码如下�Q?

function SetNodeStyle(doc, node, name, value)

{

if (node.innerHTML == undefined)

{

return node;

}

else

{

node.style[name] = value;



for (var i = 0; i < node.childNodes.length; i++)

{

var cn = node.childNodes[i];

if (node.innerHTML != undefined)

{

SetNodeStyle(doc, cn, name, value);

}

}



return node;

}

}



function SetStyle(doc, html, name, value)

{

var dom = doc.createElement("DIV");

dom.innerHTML = html;



for (var i = 0; i < dom.childNodes.length; i++)

{

var node = dom.childNodes[i];



if (node.innerHTML == undefined)

{

//如果是文本节点，则�{换�{换成span

var span = doc.createElement("SPAN");

span.style[name] = value;

if (node.nodeValue != undefined) span.innerHTML = node.nodeValue.replace(/", function() { return "<"; });

else if (node.textContent != undefined) span.innetHTML = node.textContent.replace(/", function() { return "<"; });

//替换掉文本节�?/span>

dom.replaceChild(span, node);

}

else

{

SetNodeStyle(doc, node, name, value);

}

}



return dom.innerHTML;

}

2.5 �C�Z��

使用以上的代码，��可以相当方便的实现一个HTML�~�辑器，例如�Q�以下代码实现将选中文本的字体大��设�|��ؓ32px�Q?

var range = GetSelectionRange(editorWindow);

var html = SetStyle(editorDoc, range.GetSelectedHtml(), "fontSize", "32px");

range.Replace(html);

同理�Q�你可以实现讄��行距�Q�羃�q�，插入囄��{�功能�?/p>

��菜毛毛 2010-05-27 09:37 发表评论

blog�?日期控�g

��菜毛毛 — Wed, 24 Feb 2010 08:56:00 GMT

摘要: 二种JavaScript日期控�g(日期选择�? 2006�q?�?6�?16:33:05 发布:yaosansi QQ��?Y③WEB开�?DIV+CSS�Q�号�?16610506 QQ��?Y④WEB开�?JS+AJAX�Q�号�?16143998 QQ��?Y⑤WEB开�?新手�Q�号�?12777715 MSN��?yaosansi[at]126.com 本站�?.. 阅读全文

��菜毛毛 2010-02-24 16:56 发表评论

��菜毛毛 — Thu, 28 Jan 2010 03:24:00 GMT

keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab

keycode 12 = Clear
keycode 13 = Enter

keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock

keycode 27 = Escape Escape

keycode 32 = space space
keycode 33 = Prior
keycode 34 = Next
keycode 35 = End
keycode 36 = Home
keycode 37 = Left
keycode 38 = Up
keycode 39 = Right
keycode 40 = Down
keycode 41 = Select
keycode 42 = Print
keycode 43 = Execute

keycode 45 = Insert
keycode 46 = Delete
keycode 47 = Help
keycode 48 = 0 equal braceright
keycode 49 = 1 exclam onesuperior
keycode 50 = 2 quotedbl twosuperior
keycode 51 = 3 section threesuperior
keycode 52 = 4 dollar
keycode 53 = 5 percent
keycode 54 = 6 ampersand
keycode 55 = 7 slash braceleft
keycode 56 = 8 parenleft bracketleft
keycode 57 = 9 parenright bracketright

keycode 65 = a A
keycode 66 = b B
keycode 67 = c C
keycode 68 = d D
keycode 69 = e E EuroSign
keycode 70 = f F
keycode 71 = g G
keycode 72 = h H
keycode 73 = i I
keycode 74 = j J
keycode 75 = k K
keycode 76 = l L
keycode 77 = m M mu
keycode 78 = n N
keycode 79 = o O
keycode 80 = p P
keycode 81 = q Q at
keycode 82 = r R
keycode 83 = s S
keycode 84 = t T
keycode 85 = u U
keycode 86 = v V
keycode 87 = w W
keycode 88 = x X
keycode 89 = y Y
keycode 90 = z Z

keycode 96 = KP_0 KP_0
keycode 97 = KP_1 KP_1
keycode 98 = KP_2 KP_2
keycode 99 = KP_3 KP_3
keycode 100 = KP_4 KP_4
keycode 101 = KP_5 KP_5
keycode 102 = KP_6 KP_6
keycode 103 = KP_7 KP_7
keycode 104 = KP_8 KP_8
keycode 105 = KP_9 KP_9
keycode 106 = KP_Multiply KP_Multiply
keycode 107 = KP_Add KP_Add
keycode 108 = KP_Separator KP_Separator
keycode 109 = KP_Subtract KP_Subtract
keycode 110 = KP_Decimal KP_Decimal
keycode 111 = KP_Divide KP_Divide
keycode 112 = F1
keycode 113 = F2
keycode 114 = F3
keycode 115 = F4
keycode 116 = F5
keycode 117 = F6
keycode 118 = F7
keycode 119 = F8
keycode 120 = F9
keycode 121 = F10
keycode 122 = F11
keycode 123 = F12
keycode 124 = F13
keycode 125 = F14
keycode 126 = F15
keycode 127 = F16
keycode 128 = F17
keycode 129 = F18
keycode 130 = F19
keycode 131 = F20
keycode 132 = F21
keycode 133 = F22
keycode 134 = F23
keycode 135 = F24
keycode 136 = Num_Lock
keycode 137 = Scroll_Lock

keycode 187 = acute grave
keycode 188 = comma semicolon
keycode 189 = minus underscore
keycode 190 = period colon

keycode 192 = numbersign apostrophe

keycode 210 = plusminus hyphen macron
keycode 211 =
keycode 212 = copyright registered
keycode 213 = guillemotleft guillemotright
keycode 214 = masculine ordfeminine
keycode 215 = ae AE
keycode 216 = cent yen
keycode 217 = questiondown exclamdown
keycode 218 = onequarter onehalf threequarters

keycode 220 = less greater bar
keycode 221 = plus asterisk asciitilde

keycode 227 = multiply division
keycode 228 = acircumflex Acircumflex
keycode 229 = ecircumflex Ecircumflex
keycode 230 = icircumflex Icircumflex
keycode 231 = ocircumflex Ocircumflex
keycode 232 = ucircumflex Ucircumflex
keycode 233 = ntilde Ntilde
keycode 234 = yacute Yacute
keycode 235 = oslash Ooblique
keycode 236 = aring Aring
keycode 237 = ccedilla Ccedilla
keycode 238 = thorn THORN
keycode 239 = eth ETH
keycode 240 = diaeresis cedilla currency
keycode 241 = agrave Agrave atilde Atilde
keycode 242 = egrave Egrave
keycode 243 = igrave Igrave
keycode 244 = ograve Ograve otilde Otilde
keycode 245 = ugrave Ugrave
keycode 246 = adiaeresis Adiaeresis
keycode 247 = ediaeresis Ediaeresis
keycode 248 = idiaeresis Idiaeresis
keycode 249 = odiaeresis Odiaeresis
keycode 250 = udiaeresis Udiaeresis
keycode 251 = ssharp question backslash
keycode 252 = asciicircum degree
keycode 253 = 3 sterling
keycode 254 = Mode_switch

触发�l�合键：

如：当按下ctrl+enter时触�?/p>

if(event.ctrlKey&&event.keyCode==13){

//function
}

当按下shift+enter时触�?

         if(event.shiftKey&&event.keyCode==13){
             //function
        }

��菜毛毛 2010-01-28 11:24 发表评论

showModelessDialog()使用详解

��菜毛毛 — Mon, 25 Jan 2010 06:33:00 GMT

Javascript有许多内建的�Ҏ��来��生对话框�Q�如�Q�window.alert(), window.confirm(),window.prompt().�{��?然而IE提供更多的方法支持对话框。如�Q?

　　showModalDialog() (IE 4+ 支持)
　　showModelessDialog() (IE 5+ 支持)

window.showModalDialog()�Ҏ��用来创徏一个显�C�HTML内容的模态对话框�Q�由于是对话框，因此它�ƈ没有一般用window.open()打开的窗口的所有属性�?br /> window.showModelessDialog()�Ҏ��用来创徏一个显�C�HTML内容的非模态对话框�?/span>

当我们用showModelessDialog()打开�H�口�Ӟ��不必用window.close()��d��闭它�Q�当以非模态方式��EIE5�Q�打开�Ӟ�� 打开对话框的�H�口仍可以进行其他的操作�Q�即对话框不��L��最上面的焦点，当打开它的�H�口�Q�Ｒ�Q�改变时�Q�它自动关闭。而模态��E�Q��I�Q�］方式的对话框始终有焦点（焦点不可�U�走�Q�直到它关闭�Q�。模态对话框和打开它的�H�口相联�p�，因此我们打开另外的窗口时�Q�他们的链接关系依然保存�Q��ƈ且隐藏在�z�d��H�口的下面�?/span>

使用�Ҏ��如下�Q?br /> vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures])
参数说明�Q?br /> sURL
必选参敎ͼ��c�d��Q�字�W�串。用来指定对话框要显�C�的文档的URL�?br /> vArguments
可选参敎ͼ��c�d��Q�变体。用来向对话框传递参数。传递的参数�c�d��不限�Q�包括数�l�等。对话框通过window.dialogArguments来取得传递进来的参数�?br /> sFeatures
可选参敎ͼ��c�d��Q�字�W�串。用来描�q�对话框的外观等信息�Q�可以��用以下的一个或几个�Q�用分号“;”隔开�?br /> dialogHeight 对话框高度，不小�?00px�Q�IE4中dialogHeight �?dialogWidth 默认的单位是em�Q�而IE5中是px�Q��ؓ方便其见�Q�在定义modal方式的对话框�Ӟ��用px做单位�?br /> 　　dialogWidth: 对话框宽度�?br /> 　　dialogLeft: 距离桌面左的距离�?br /> 　　dialogTop: ��L��面上的距��R�?br /> 　　center: {yes | no | 1 | 0 } �Q�窗口是否居中，默认yes�Q�但仍可以指定高度和宽度�?br /> 　　help: {yes | no | 1 | 0 } �Q�是否显�C�帮助按钮，默认yes�?br /> 　　resizable: {yes | no | 1 | 0 }IE5�Q�] �Q�是否可被改变大��。默认no�?br /> 　　status: {yes | no | 1 | 0 } IE5+] �Q�是否显�C�状态栏。默认�ؓyes[ Modeless]或no[Modal]�?br /> scroll: { yes | no | 1 | 0 | on | off } �Q�指明对话框是否昄��滚动条。默认�ؓyes�?/span>

�q�有几个属性是用在HTA中的�Q�在一般的�|�页中一般不使用�?br /> dialogHide:{ yes | no | 1 | 0 | on | off }�Q�在打印或者打印预览时对话框是否隐藏。默认�ؓno�?br /> edge:{ sunken | raised } �Q�指明对话框的边框样式。默认�ؓraised�?br /> unadorned:{ yes | no | 1 | 0 | on | off }�Q�默认�ؓno�?/span>

传入参数�Q?br /> 要想对话框传递参敎ͼ��?span style="color: #0000ff">通过vArguments来进行传�?/span>的。类型不限制�Q�对于字�W�串�c�d��Q�最大�ؓ4096个字�W�。也可以传递对象，例如�Q?/span>

test1.htm
====================

test2.htm
====================

test3.htm
====================

可以通过window.returnValue向打开对话框的�H�口�q�回信息�Q�当然也可以是对象。例如：

test4.htm
===================

test5.htm
===================

常见问题�Q?br /> 1�Q�如何在模态对话框中进行提交而不新开�H�口�Q?br /> 如果�?�?��览器是IE5.5+,可以在对话框中��用带name属性的iframe�Q�提交时可以制定target��iframe的name。对于IE4+�Q�你可以用高度�ؓ0的frame来作�Q�例子，

test6.htm
===================

test7.htm
===================
if(window.location.search) alert(window.location.search)

test8.htm
===================

2,可以通过http://servername/virtualdirname/test.htm?name=mxh方式直接向对话框传递参数吗�Q?br /> �{�案是不能。但在frame里是可以的�?/span>

showModalDialog和showModelessDialog使用心得

一、showModalDialog和showModelessDialog有什么不同？
　　showModalDialog�Q�被打开后就会始�l�保持输入焦炏V��除非对话框被关闭，否则用户无法切换��C��H�口。类似alert的运行效果�?br /> 　　showModelessDialog�Q�被打开后，用户可以随机切换输入焦点。对�ȝ��口没有�Q何媄�?最多是被挡住一下而以�?P)

二、怎样才让在showModalDialog和showModelessDialog的超�q�接不弹出新�H�口�Q?br /> 　　在被打开的网��里加上��可以了。这句话一般是攑֜��?lt;body>之间的�?/span>

三、怎样才刷新showModalDialog和showModelessDialog里的内容�Q?br /> 　　在showModalDialog和showModelessDialog里是不能按F5��h��的，又不能弹��单。这个只能依靠javascript了，以下是相关代码：

reload...

　　��filename.htm替换成网��늚�名字然后��它攑ֈ�你打开的网��里�Q�按F5��可以刷��C��Q�注意，�q�个要配�?lt;base target="_self">使用�Q�不然你按下F5会弹出新�H�口的�?/span>

四、如何用javascript��x��showModalDialog(或showModelessDialog)打开的窗口�?br /> 　　
　　也要配合�Q�不然会打开一个新的IE�H�口�Q�然后再��x��的�?/span>

五、showModalDialog和showModelessDialog数据传递技巧�?br /> 　　(作者语�Q�本来想用一问一�{��Ş式来写的�Q�但是我想不��个怎么问，所以只好这样了�?
　　�q�个东西比较�ȝ��Q�我改了好几�ơ了不是没办法说明白(语文水��^��来��差�?�Q�只好用个例子说明了�?br /> 　　例子�Q?br /> 　　　　现在需要在一个showModalDialog(或showModelessDialog)里读取或讄��一个变量var_name

　　　　　　一般的传递方式：
　　　　　　　　window.showModalDialog("filename.htm",var_name)
　　　　　　　　//传递var_name变量
　　　　　　在showModalDialog(或showModelessDialog)��d��和设�|�时�Q?br /> 　　　　　　　　alert(window.dialogArguments)//��d��var_name变量
　　　　　　　　window.dialogArguments="oyiboy"http://讄��var_name变量
　　　　�q�种方式是可以满��的�Q�但是当你想在操作var_name同时再操作第二个变理var_id时呢�Q�就无法再进行操作了。这��是�q�种传递方式的局限性�?br /> 　　　　
　　　　　　以下是我��使用的传递方式：
　　　　　　　　window.showModalDialog("filename.htm",window)
　　　　　　　　//不管要操作什么变量，只直传递主�H�口的window对象
　　　　　　在showModalDialog(或showModelessDialog)��d��和设�|�时�Q?br /> 　　　　　　　　alert(window.dialogArguments.var_name)//��d��var_name变量
　　　　　　　　window.dialogArguments.var_name="oyiboy"http://讄��var_name变量

　　　　　　　　同时我也可以操作var_id变量
　　　　　　　　alert(window.dialogArguments.var_id)//��d��var_id变量
　　　　　　　　window.dialogArguments.var_id="001"http://讄��var_id变量

　　　　　　　　同样�q�可以对�ȝ��口的��M��对象�q�行操作�Q�如form对象里的元素�?br /> 　　　　　　　　window.dialogArguments.form1.index1.value="�q�是在设�|�index1元素的�?

六、多个showModelessDialog的相互操作�?br /> 　　因�ؓ光说很费�Ԍ��我就��L��懒，直接用代码来说了�Q�如果不明白的话那就直接来信(oyiboy#163.net(使用时请��?�Ҏ��@))问我吧�?/span>

　　以下代码的主要作用是在一个showModelessDialog里移动别一个showModelessDialog的位�|��?/span>

　　��L��件的部䆾js代码�?br /> 　　var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"�Q?nbsp;//打开控制�H�口
　　var s2=showModelessDialog('about:blank',window,"dialogTop:200px;dialogLeft:300px"�Q�　　//打开被控制窗�?/span>

　　控制.htm的部份代码�?br /> 　　
　　
　　
　　
　　

　　以上关键部䆾是：
　　　　�H�口命名方式�Q�var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"�Q?br /> 　　　　变量讉K��方式�Q�window.dialogArguments.s2.dialogTop

　　�q�个例子只是现实showModelessDialog与showModelessDialog之间的位�|�操作功能，通过�q�个原理�Q�在showModelessDialog之间�怺�控制各自的显�C�页面，传递变量和数据�{�。这要看各位的发挥了�?/span>

��菜毛毛 2010-01-25 14:33 发表评论

使得select选择框也可以输入

��菜毛毛 — Mon, 12 Oct 2009 01:53:00 GMT

��菜毛毛 2009-10-12 09:53 发表评论

JavaScript 颜色梯度和渐变效�?--转蝲�Q�http://www.cnblogs.com/cloudgamer/

��菜毛毛 — Mon, 14 Sep 2009 02:19:00 GMT

摘要: JavaScript 颜色梯度和渐变效�? 很久没写blog�Q�太忙了。没什么时间写复杂的东西，重新把颜色渐变效果写一遍�?关于颜色的效果一般就两个�Q�颜色梯度变化和样式的颜色渐变，前者在ie中一般用滤镜实现�? 实例效果 0 ? parseFloat(x, 10) * 2.55 : x, 10); } ) } else {//color var mappi... 阅读全文

��菜毛毛 2009-09-14 10:19 发表评论

��菜毛毛 — Wed, 19 Aug 2009 09:19:00 GMT

无标题文�?lt;/title> <style type="text/css"> p {margin:0;font-size:12px;line-height:26px;} </style> <script type="text/javascript"> function check_all(obj,cName) { var checkboxs = document.getElementsByName(cName); for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;} } </script> </head> <body> <input type="checkbox" name="all" onclick="check_all(this,'c')" />全�?全不�?lt;/p> <input type="checkbox" name="c" value="" /> <input type="checkbox" name="c" value="" /> <input type="checkbox" name="c" value="" /> <input type="checkbox" name="c" value="" /> </body> </html> 本文来自CSDN博客�Q��{载请标明出处�Q�http://blog.csdn.net/lkhdmail/archive/2008/12/16/3530060.aspx <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/caizh2009/" target="_blank">��菜毛毛</a> 2009-08-19 17:19 <a href="http://www.aygfsteel.com/caizh2009/articles/291805.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>玩�{弹出�H�口�Q��{�Q?</h1> ��菜毛毛 — Tue, 11 Aug 2009 04:35:00 GMT <div id="wmqeeuq" class="postTitle"><a class="postTitle2" id="viewpost1_TitleUrl" href="http://www.aygfsteel.com/juxuejian/articles/247158.html">玩�{弹出�H�口�Q��{�Q?/a> </div> <div style="font-family: 微��Y雅黑">�l�常上网的朋友可能会到过�q�样一些网站，一�q�入首页立刻会弹��Z��个窗口，或者按一个连接或按钮弹出�Q�通常在这个窗口里会显�C�Z��些注意事��V��版权信息、警告、欢�q�光��之�cȝ��话或者作者想要特别提�C�的信息。其实制作这��L��面效果非常的容易，只要往该页面的HTML里加入几�D�Javascript代码卛_��实现。下面俺��带您剖析它的奥�U��?br /> 　�?、最基本的弹出窗口代码�?nbsp; 　　其实代码非常��单： <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">1<SCRIPT LANGUAGE="javascript"> 2 5</SCRIPT></div> 　　因�ؓ�q�是一�D�javascripts代码�Q�所以它们应该放�?lt;SCRIPT LANGUAGE="javascript">之间�?lt;!-- �?-->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作�ؓ文本昄��出来。要成这个好习惯啊�?nbsp; 　　window.open ('page.html') 用于控制弹出新的�H�口page.html�Q�如果page.html不与�ȝ��口在同一路径下，前面应写明�\径，�l�对路径(http://)和相对�\�?../)均可�?nbsp; 用单引号和双引号都可以，只是不要��L��?nbsp; 　　�q�一�D�代码可以加入HTML的�Q意位�|�，<head>�?lt;/head>之间可以�Q?lt;body>�?lt;/body>也可以，��前��早执行�Q�尤其是��面代码长，又想佉K��面早点弹出就��量往前放。也可以�Q�越前越早执行，��其是页面代码长�Q�又想�ə�面早点弹出��尽量往前放�?nbsp; 　　�?、经�q�设�|�后的弹出窗口�?nbsp; 　　下面再说一说弹出窗口的讄��。只要再往上面的代码中加一点东西就可以了。我们来定制�q�个弹出的窗口的外观�Q�尺寸大��，弹出的位�|�以适应该页面的具体情况�?nbsp; <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">1<SCRIPT LANGUAGE="javascript"> 2　　 6　　</SCRIPT> 7</div> 　　参数解释�Q?br /> 　　<SCRIPT LANGUAGE="javascript"> js脚本开始； 　　window.open 弹出新窗口的命��o�Q?nbsp; 　　'page.html' 弹出�H�口的文件名�Q?nbsp; 　　'newwindow' 弹出�H�口的名字（不是文�g名）�Q�非必须�Q�可用空''代替�Q?nbsp; 　　height=100 �H�口高度�Q?nbsp; 　　width=400 �H�口宽度�Q?nbsp; 　　top=0 �H�口距离屏幕上方的象素��|�� 　　left=0 �H�口距离屏幕左侧的象素��|�� 　　toolbar=no 是否昄��工具栏，yes为显�C�； 　　menubar�Q�scrollbars 表示菜单栏和滚动栏�?nbsp; 　　resizable=no 是否允许改变�H�口大小�Q�yes为允许； 　　location=no 是否昄��地址栏，yes为允许； 　　status=no 是否昄��状态栏内的信息�Q�通常是文件已�l�打开�Q�，yes为允许； 　　</SCRIPT> js脚本�l�束 �?、用函数控制弹出�H�口�?nbsp; 　　下面是一个完整的代码�Q?nbsp;　 　　 <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"> 1 <html> 2 　　<head> 3 　　<script LANGUAGE="JavaScript"> 4 　　 10 　　</script> 11 　　</head> 12 　　<body onload="openwin()"> 13 　　��L��的页面内�?img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /> 14 　　</body> 15 　　</html> 16 </div> 　　�q�里定义了一个函数openwin(),函数内容��是打开一个窗口。在调用它之前没有�Q何用途�?nbsp; 怎么调用呢？ 　 　　�Ҏ��一�Q?lt;body onload="openwin()"> ��览器读��面时弹出窗口； 　 　　�Ҏ��二：<body onunload="openwin()"> ��览器离开��面时弹出窗口； 　 　　�Ҏ��三：用一个连接调用：<a href="#" onclick="openwin()">打开一个窗�?lt;/a> 注意�Q��用的“#”是虚�q�接�?nbsp; 　 　　�Ҏ��四：用一个按钮调用：<input type="button" onclick="openwin()" value="打开�H�口"> 　　�?、同时弹�?个窗口�?nbsp; 　　�Ҏ��代码�E�微改动一下： 　　 <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><script LANGUAGE="JavaScript"> 　　 　　</script></div> 　　为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要�怺�覆盖卛_��。最后用上面说过的四�U�方法调用即可�?nbsp; 注意�Q?个窗口的name(newwindows和newwindow2)不要相同�Q�或者干脆全部�ؓ�I�。OK�Q?nbsp;�?、主�H�口打开文�g1.htm�Q�同时弹出小�H�口page.html�?nbsp; 　　如下代码加入�ȝ��?lt;head>区： 　　 <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">1<script language="javascript"> 2　　 7　　</script> 8</div> 　　加入<body>区： 　　<a href="1.htm" onclick="openwin()">open</a>卛_��?nbsp; 　　�?、弹出的�H�口之定时关闭控制�?nbsp; 　　下面我们再对弹出的窗口进行一些控�Ӟ��效果��更好了。如果我们再��一��段代码加入弹出的页�?注意是加入到page.html的HTML中，可不是主��面中，否则...)�Q�让�?0�U�后自动关闭是不是更酷了�Q?nbsp; 　　首先�Q�将如下代码加入page.html文�g�?lt;head>区： 　　 <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">1 　<script language="JavaScript"> 2 　　function closeit() { 3 　　setTimeout("self.close()",10000) //毫秒 4 　　} 5 　　</script></div> 　　然后�Q�再�?lt;body onload="closeit()"> �q�一句话代替page.html中原有的<BODY>�q�一句就可以了�?�q�一句话千万不要忘记写啊�Q�这一句的作用是调用关闭窗口的代码�Q?0�U�钟后就自行关闭该窗口�? 　　�?、在弹出�H�口中加上一个关闭按钮�?nbsp; 　　<FORM> 　　<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'> 　　</FORM> 　　 　　呵呵�Q�现在更加完��了�Q?nbsp; 　　 　　�?、内包含的弹出窗�?�Q�－一个页面两个窗口�?nbsp; 　　 　　上面的例子都包含两个�H�口�Q�一个是�ȝ��口，另一个是弹出的小�H�口。通过下面的例子，你可以在一个页面内完成上面的效果�?nbsp; <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"> 1 <html> 2 　　<head> 3 　　<SCRIT LANGUAGE="JavaScript"> 4 　　function openwin() 5 　　{ 6 　　OpenWindow=window.open("", "newwin", "height=250, 　　 7 　　width=250,toolbar=no,scrollbars="+scroll+",menubar=no"); 8 　　//写成一�?nbsp; 9 　　OpenWindow.document.write("<TITLE>例子</TITLE>") 10 　　OpenWindow.document.write("<BODY BGCOLOR=#ffffff>") 11 　　OpenWindow.document.write("<h1>Hello!</h1>") 12 　　OpenWindow.document.write("New window opened!") 13 　　OpenWindow.document.write("</BODY>") 14 　　OpenWindow.document.write("</HTML>") 15 　　OpenWindow.document.close() 16 　　} 17 　　</SCRIPT> 18 　　</head> 19 　　<body> 20 　　<a href="#" onclick="openwin()">打开一个窗�?/span></a> 21 　　<input type="button" onclick="openwin()" value="打开�H�口"> 22 　　</body> 23 　　</html> 24 </div> 　　看看OpenWindow.document.write()里面的代码不��是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标�{�或��一个标�{�ְ�会出现错误。记得用OpenWindow.document.close()�l�束啊�?nbsp;�?、终极应�?-弹出的窗口之Cookie控制�?nbsp; 　　然后�Q�用<body onload="loadpopup()">�Q�注意不是openwin而是loadpop啊！�Q�替换主��面中原有的<BODY>�q�一句即可。你可以试着��h��一下这个页面或重新�q�入该页面，�H�口再也不会弹出了。真正的Pop-Only-Once�Q?nbsp;</div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/caizh2009/" target="_blank">��菜毛毛</a> 2009-08-11 12:35 <a href="http://www.aygfsteel.com/caizh2009/articles/290672.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>js正则</h1> ��菜毛毛 — Mon, 27 Jul 2009 08:33:00 GMT 摘要: JS的正则表辑ּ� //校验是否全由数字�l�成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return fals... <a href='http://www.aygfsteel.com/caizh2009/articles/288607.html'>阅读全文</a> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/caizh2009/" target="_blank">��菜毛毛</a> 2009-07-27 16:33 <a href="http://www.aygfsteel.com/caizh2009/articles/288607.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> ��菜毛毛 — Tue, 21 Jul 2009 03:01:00 GMT 假设我们有个checkbox叫optHSCameratyp�Q�我们写个函数来判断 function chkCheckBoxChs(objNam){ //檢測是否有選擇多选框的至��一��?br /> var obj = document.getElementsByName(objNam); //獲取多選框數�i?br /> var objLen= obj.length; //獲取數據長度 var objYN; //是否有選�?br /> var i; objYN=false; for (i = 0;i< objLen;i++){ if (obj [i].checked==true) { objYN= true; break; } } return objYN; } 然后在递交�E�式��如此调用： function okSend() { if(chkChsHSC(optHSCameratyp)== false){ alert('误��选择一��！'); } return; } 因�ؓcheckbox有多个，名字一��P��所以在js里面如果��单document.all.checkboxNam�Ҏ��识别不了到底是哪一个控�Ӟ��必须用document.getElementsByName�Q�当成一个数�l�来区分他们 <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/caizh2009/" target="_blank">��菜毛毛</a> 2009-07-21 11:01 <a href="http://www.aygfsteel.com/caizh2009/articles/287591.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>createPopup() �Ҏ��</h1> ��菜毛毛 — Mon, 08 Jun 2009 14:33:00 GMT <h1>HTML DOM createPopup() �Ҏ��</h1> <div id="wmqeeuq" class="backtoreference"> <a >�q�回 HTML DOM Window 对象参考手�?/a> </div> <div> <h2>定义和用�?/h2> createPopup() �Ҏ��用于创徏一�?pop-up �H�口�?/p> <h3>语法</h3> <pre>window.createPopup()</pre> </div> <div> <h2>实例</h2> <pre><html> <head> <script type="text/javascript"> function show_popup() { var p=<code>window.createPopup()</code> var pbody=p.document.body pbody.style.backgroundColor="lime" pbody.style.border="solid black 1px" pbody.innerHTML="This is a pop-up! Click outside to close." p.show(150,150,200,50,document.body) } </script> </head> <body> <button onclick="show_popup()">Create pop-up!</button> </body> </html></pre> </div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/caizh2009/" target="_blank">��菜毛毛</a> 2009-06-08 22:33 <a href="http://www.aygfsteel.com/caizh2009/articles/280766.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> ��菜毛毛 — Thu, 04 Jun 2009 01:45:00 GMT 记得以前面试的时候遇到过�q�样一个问题：有一个表��|��然后有４个输入框�Q�一�?span style="color: #888888">合�ƈ 按钮�Q�输入框是这��L��Q�从�W�几行到�W�几行，从第几列到第几列�Q�然后点��L��钮，合�ƈ 。当时我从学校出来，js知识只是知道一些，�Ҏ��做不刎ͼ�现在��x��Q�其实这个问题也�q�是考基��功夫是否扎实�Q�大家有兴趣可以自己做做看，��下自己是不是能够做出来。题目的截图�Q? <table id="table" style="height: 193px" width="595" align="center" border="1"> <tbody id="newbody"> <tr id="1"> <td id="1/1">�W?/1�?/td> <td id="1/2">�W?/2�?/td> <td id="1/3">�W?/3�?/td> <td id="1/4">�W?/4�?/td> <td id="1/5">�W?/5�?/td> </tr> <tr id="2"> <td id="2/1">�W?/1�?/td> <td id="2/2">�W?/2�?/td> <td id="2/3">�W?/3�?/td> <td id="2/4">�W?/4�?/td> <td id="2/5">�W?/5�?/td> </tr> <tr id="3"> <td id="3/1">�W?/1�?/td> <td id="3/2">�W?/2�?/td> <td id="3/3">�W?/3�?/td> <td id="3/4">�W?/4�?/td> <td id="3/5">�W?/5�?/td> </tr> <tr id="4"> <td id="4/1">�W?/1�?/td> <td id="4/2">�W?/2�?/td> <td id="4/3">�W?/3�?/td> <td id="4/4">�W?/4�?/td> <td id="4/5">�W?/5�?/td> </tr> <tr id="5"> <td id="5/1">�W?/1�?/td> <td id="5/2">�W?/2�?/td> <td id="5/3">�W?/3�?/td> <td id="5/4">�W?/4�?/td> <td id="5/5">�W?/5�?/td> </tr> <tr id="6"> <td id="6/1">�W?/1�?/td> <td id="6/2">�W?/2�?/td> <td id="6/3">�W?/3�?/td> <td id="6/4">�W?/4�?/td> <td id="6/5">�W?/5�?/td> </tr> <tr id="7"> <td id="7/1">�W?/1�?/td> <td id="7/2">�W?/2�?/td> <td id="7/3">�W?/3�?/td> <td id="7/4">�W?/4�?/td> <td id="7/5">�W?/5�?/td> </tr> <tr id="8"> <td id="8/1">�W?/1�?/td> <td id="8/2">�W?/2�?/td> <td id="8/3">�W?/3�?/td> <td id="8/4">�W?/4�?/td> <td id="8/5">�W?/5�?/td> </tr> <tr id="9"> <td id="9/1">�W?/1�?/td> <td id="9/2">�W?/2�?/td> <td id="9/3">�W?/3�?/td> <td id="9/4">�W?/4�?/td> <td id="9/5">�W?/5�?/td> </tr> </tbody> </table> <div> <table width="800" align="center" border="1"> <tbody> <tr> <td align="center"><input id="addRow" type="button" value="��d��? name="addRow" /></td> <td align="center"><input id="delRow" type="button" value="删除�? name="delRow" /></td> </tr> <tr> <td align="center"><input id="delCell" type="button" value="删除�? /></td> <td align="center"><input type="button" value="��d��? name="addCell" /></td> </tr> <tr> <td align="center" colspan="2"><input id="addRows" type="button" value="��d��? /></td> </tr> </tbody> </table> </div> <div> <table style="height: 58px" width="621" align="center" border="1"> <tbody> <tr> <td>从第<input id="beginRow" name="beginRow" type="text" /> 行到<input id="endRow" name="endRow" type="text" /> �?/td> <td id="test" rowspan="2"><input id="hebing" type="button" value="合�ƈ" name="hebing" /></td> </tr> <tr> <td> 从第<input id="beginCol" name="beginCol" type="text" /> 列到<input id="endCol" name="endCol" type="text" /> �?/p> </td> </tr> </tbody> </table> </div> 现在做这个问题，看�v来简单，但我�q�是�׃��很长旉��Q�可能是我的思�\不对吧？主要��是用js来操作html�Q�我现在实现�?strong>��d��行，删除行，��d��列，删除�?/strong> �Q�但合�ƈ单元格却不能完整的实�?/strong> �Q?strong>主要是表��g��乱掉 。现在把�q�个问题发出来，有兴��的同仁可以自己在有�I�的时候研�I�下�Q�看自己能不能做出来�Q?strong>主要是合�q�单元格的问题！也可以帮我看看合�q�单元格的问题�?/strong> 　我自己实现的部分代码�Q?/p> <div id="wmqeeuq" class="quote_title">html部分写道</div> <div id="wmqeeuq" class="quote_div"><body onLoad="init();"> <table id="table" align="center"> <tbody id="newbody"></tbody> </table> <div> <table width="800px" border="1px" align="center"> 　　<tr><td align="center"><input type="button" id="addRow" name="addRow" onClick="addRow();" value="��d��?/></td></div> <div id="wmqeeuq" class="quote_div">　　　　<td align="center"><input type="button" id="delRow" name="delRow" onClick="removeRow();" value="删除�?/></td></div> <div id="wmqeeuq" class="quote_div">　　</tr> 　　<tr><td align="center"><input type="button" id="delCell"　name="delCell" onClick="removeCell();" value="删除�?/></td></div> <div id="wmqeeuq" class="quote_div">　　　　<td align="center"><input type="button"　id="addCell" name="addCell" onClick=" addCell();" value="��d��?/></td></div> <div id="wmqeeuq" class="quote_div">　</tr> 　<tr><td align="center" colspan="2"><input type="button" id="addRows"　name="addRows" onClick="addRow_withInsert();" value="��d��?/></td></tr> </table> </div> <div> <table width="800px" border="1px" align="center"> 　　　<tr><td>从第<input type="text" id="beginRow" name="beginRow" value=""/> 行到　　　<input type="text" name="endRow" id="endRow" value=""/> �?lt;/td><td rowspan="2" id="test"><input type="button" name="hebing" id="hebing" value="合�ƈ" onClick="rebulid();"/> </td></tr> 　　<tr><td>从第<input type="text" name="beginCol" id="beginCol" value=""/> 列到<input type="text" name="endCol" id="endCol" value=""/> �?lt;/td></tr> </table> </div> </body></div> <div id="wmqeeuq" class="quote_title">生成表格�Q�采用appendChild 写道</div> <div id="wmqeeuq" class="quote_div">function init(){ _table=document.getElementById ("table"); _table.border="1px"; _table.width="800px"; for(var i=1;i<10;i++){ 　　var row=document.createElement ("tr"); 　　row.id=i; 　　for(var j=1;j<6;j++){ 　　　var cell=document.createElement ("td"); 　　　cell.id =i+"/"+j; 　　　cell.appendChild(document.createTextNode ("�W?+cell.id+"�?)); 　　　row.appendChild (cell); 　　} 　　document.getElementById("newbody").appendChild (row); 　} } </div> <div id="wmqeeuq" class="quote_title">��d��行，使用appendChild�Ҏ�� 写道</div> <div id="wmqeeuq" class="quote_div">function addRow(){ var length=document.getElementById("table").rows.length; /*document.getElementById("newbody").insertRow(length); 　　document.getElementById(length+1).setAttribute("id",length+2);*/ 　　var tr=document.createElement("tr"); 　　tr.id=length+1; 　　var td=document.createElement("td"); 　　for(i=1;i<4;i++){ 　　　　td.id=tr.id+"/"+i; 　　　　td.appendChild(document.createTextNode("�W?+td.id+"�?)); 　　　　tr.appendChild(td); 　　} 　　document.getElementById("newbody").appendChild (tr); } </div> <div id="wmqeeuq" class="quote_title">��d��行的另一�U�方法insertRow 写道</div> <div id="wmqeeuq" class="quote_div">function addRow_withInsert(){ 　　　varrow=document.getElementById("table").insertRow( document.getElementById("table").rows.length); 　var rowCount =document.getElementById("table").rows.length; 　var countCell=document.getElementById("table").rows.item(0).cells.length; 　for(var i=0;i<countCell;i++){ 　　　var cell=row.insertCell(i); 　　　cell.innerHTML="�?+(rowCount)+"/"+(i+1)+"�?; 　　　cell.id=(rowCount)+"/"+(i+1); 　　} }</div> <div id="wmqeeuq" class="quote_title">删除行，采用deleteRow(row Index) 写道</div> <div id="wmqeeuq" class="quote_div">/*删除行，采用deleteRow(row Index)*/ function removeRow(){ /* var row=document.getElementById("2"); 　　var index=row.rowIndex; 　　alert(index);*/ 　　　document.getElementById("newbody").deleteRow(document.getElementById(document.getElementById("table").rows.length).rowIndex); } </div> <div id="wmqeeuq" class="quote_title">��d��列，采用insertCell(列位�|?�Ҏ�� 写道</div> <div id="wmqeeuq" class="quote_div">function addCell(){ /*document.getElementById("table").rows.item(0).cells.length 用来获得表格的列�?br /> */ for(var i=0;i<document.getElementById("table").rows.length;i++){ 　　var cell=document.getElementById("table").rows[i].insertCell(2); 　　cell.innerHTML="�W?+(i+1)+"/"+3+"�?; } }</div> <div id="wmqeeuq" class="quote_title">删除列，采用deleteCell(列位�|?的方�?写道</div> <div id="wmqeeuq" class="quote_div">/*删除列，采用deleteCell(列位�|?的方�?/ function removeCell(){ 　　for(var i=0;i<document.getElementById("table").rows.length;i++){ 　　　　document.getElementById("table").rows[i].deleteCell(0); 　　} }</div> <div id="wmqeeuq" class="quote_title">合�ƈ单元��|��未实玎ͼ� 写道</div> <div id="wmqeeuq" class="quote_div">我的代码有问题，主要是表��g��乱掉�Q�一直没有改�?/strong> �Q?br /> function rebulid(){ var beginRow=document.getElementById("beginRow").value;/*开始行*/ var endRow=document.getElementById("endRow").value;/*�l�束�?/ var beginCol=document.getElementById("beginCol").value;/*开始列*/ var endCol=document.getElementById("endCol").value;/*�l�束�?/ var tempCol=beginRow+"/"+beginCol;/*定位要改变属性的�?/ alert(tempCol); var td=document.getElementById(tempCol); /*删除要合�q�的单元�?/ for(var x=beginRow;x<=endRow;x++){ 　　for(var i=beginCol;i<=endCol;i++){ 　　　　if(x==beginRow){ 　　　　　　document.getElementById("table").rows[x].deleteCell(i+1); 　　　　} 　　　　else{ 　　　　　　document.getElementById("table").rows[x].deleteCell(i); 　　　　} 　　　} 　　} 　　　td.rowSpan=(endRow-beginRow)+1; } </div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/caizh2009/" target="_blank">��菜毛毛</a> 2009-06-04 09:45 <a href="http://www.aygfsteel.com/caizh2009/articles/279953.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> ��菜毛毛 — Mon, 01 Jun 2009 14:07:00 GMT <div id="wmqeeuq" class="t_msgfont" id="message520476"><html> <head> <title>

姓名�Q?lt;input type="text" name="na" id="na" size="4">
语文�Q?lt;input type="text" name="yu" id="yu" size="4">
数学�Q?lt;input type="text" name="shu" id="shu" size="4">
外语�Q?lt;input type="text" name="wai" id="wai" size="4">

��菜毛毛 2009-06-01 22:07 发表评论

document.createElement("input")动态创建html元素

��菜毛毛 — Mon, 01 Jun 2009 14:02:00 GMT

var echkbox=document.createElement("input");
echkbox.setAttribute("type","checkbox");
echkbox.setAttribute("id","inputid");
echkbox.setAttribute("name","inputname");
echkbox.setAttribute("value","inputvalue");
echkbox.setAttribute("checked","checked");
var addhere=document.getElementById("someElementId");
addhere.appendChild(echkbox);
alert(document.getElementById("inputid").checked);

ie7昄��出来的checkbox居然是未选中的但是alert出来的却是true�Q�而FF一切正�?br /> 后来查了半天资料说是ie昄��的时候只对状态改变比较敏�?br /> �Ҏ��
var echkbox=document.createElement("input");
echkbox.setAttribute("type","checkbox");
echkbox.setAttribute("id","inputid");
echkbox.setAttribute("name","inputname");
echkbox.setAttribute("value","inputvalue");
var addhere=document.getElementById("someElementId");
addhere.appendChild(echkbox);
echkbox.setAttribute("checked","checked");
alert(document.getElementById("inputid").checked);

一切ok
radio同样是这�U�情��c�?/font>

��菜毛毛 2009-06-01 22:02 发表评论

select multiple

��菜毛毛 — Sun, 31 May 2009 01:14:00 GMT

HTML代码�Q?br />

   " />

   " />

JAVASCRIPT代码�Q?br /> function addTache(){
  var len= document.getElementById("allTimeLimitmr").length;
  for(var i=0;i    var option = document.getElementById("allTimeLimitmr").options[i];
   if(option.selected == true && option.index!=0){
    var newoption = document.createElement('option');
                newoption.value = option.value;
    newoption.text = option.text;

    document.getElementById("select").add(newoption);
   }
  }
}
function removeTache(){
  var len= document.getElementById("select").length;
  for(var i=0;i       var option = document.getElementById("select").options[i];
   if(option.selected == true && option.index!=0 ){
    var tempoption = document.getElementById("select").options[i];
    document.getElementById("select").options[i].removeNode(true);
   }
  }
}

function submitTache(){

  var len = document.getElementById("select").length;
  var formobject = document.getElementById("alarmRuleForm");
  for(var i=0;i    var option = document.getElementById("select").options[i];
   if(option.index!=0 ){
       var actiontype= "0";
    var input = document.createElement("");
    input.value=option.value;
    formobject.insertAdjacentElement("beforeEnd",input);
   }
  }
  formobject.submit();
}

��菜毛毛 2009-05-31 09:14 发表评论