Archive for 'WEB教程' Category

如何获得一个INPUT的所属的FORM?

By Lee - Last updated: 星期一, 二月 3, 2014

原生DOM元素 INPUT有一个form属性,指向它们所属的form:

var form = element.form;
alert($(form).attr('name'));

根据W3Schools,表单.form属性是由IE 4.0 +,Firefox 1.0+,Opera 9.0 + 浏览器的支持

通过jQuery 获取Form属性:

var $form = $(element).closest('form');
alert($form.attr('name'));

CSS解决英文自动换行问题

By Lee - Last updated: 星期一, 二月 3, 2014

英文自动换行的解决方法2010-01-2710:24英文自动换行的解决方法 长英文自动换行的最终解决方法:

在table标签中加入 style="WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all"

如果可以了,就不用向下看下了。

word-wrap同word-break的区别 ...

Editable Select 可编辑select

By Lee - Last updated: 星期一, 二月 3, 2014

极棒的一段Editale Select代码:

<form name="form"> 

<select name="select" onchange="document.form.text.value=document.form.select.options[document.form.select.selectedIndex].value" style="position:absolute;width:118px;clip:rect(0 120 22 100)"> 

<option value="Waxbird">Waxbird</option> 

<option value="DrDoc">DrDOC</option> 

</select> 

<input type="text" name="text" onchange="document.form.select.selectedIndex=-1" style="position:absolute;width:100px;border-right:0"> 

</form> 

 

调用google cdn的jquery.js 加快网站访问速度

By Lee - Last updated: 星期日, 二月 2, 2014

 jquery现在是越来越大,网络加载速度上我们应该做到能省就省,毫无疑问google的服务器和cdn以及访问速度是非常快的,而且google敞开怀抱,提供各种代码库给我们下载调用。jquery就是其中一个。 ...