乌秋博客
梦想在左,生活在右。   

使用Mootools交替显示表格行背景色
Adding the Code
There are three parts to the process: the CSS, the javascript, and the XHTML table we will create.

The CSS is rather easy. We’ll create one class for the table (which will serve as an identifier — we may not want all tables on the page to be shaded, right?) and two classes for the odd and even row formatting:
.shade-table	{ /* just to remind us we're using this -- we don't want to write over it later! */ }
.odd		{ background:#ccc; padding:3px; }
.even		{ background:#eee; padding:3px; }

Now that we’ve defined the CSS, we need to insert the Mootools javascript code into the section of the page:
window.addEvent('domready', function() {
	var count = 0;
	$$('table.shade-table tr').each(function(el) {
		el.addClass(count++ % 2 == 0 ? 'odd' : 'even');
	});
});

阅读全文..
posted at 09/06/21 18:13 | 技术文摘 - JavaScript | 浏览(85) | 引用 | 评论

JS获取浏览器信息及屏幕分辨率
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽)
网页可见区域高:document.body.offsetHeight(包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
屏幕设置 window.screen.colorDepth 位彩色
屏幕设置 window.screen.deviceXDPI 像素/英寸
posted at 09/03/11 00:25 | 技术文摘 - JavaScript | 浏览(696) | 引用(1) | 评论

IE7在图片上传时,无法预览本地图片的问题解决方法
在 IE6 中,可以很方便地利用 img 的 src 属性,实现本地图片预览,然而在 IE7 中,这种办法却行不通。需要用 AlphaImageLoader。

具体操作:

1、为预览区域(比如要在某个 div 中预览)添加样式:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。

2、为 AlphaImageLoader 设置 src 属性。
var newPreview = Ext.get("pic").dom;
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = 图片本地路径;
newPreview.style.width = "200px";
newPreview.style.height = "180px";

阅读全文..
posted at 08/11/27 00:44 | 技术文摘 - JavaScript | 浏览(314) | 引用(1) | 评论

区分JS中的undefined,null,"",0和false
在程序语言中定义的各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NET Framework中数据库字段的空值DBNull,boolean类型的假值false等等。在JavaScript中也有很多种的"空值"和"假值",那么它们都有什么共同点和不同点呢?

阅读全文..
posted at 08/03/18 14:21 | 技术文摘 - JavaScript | 浏览(38) | 引用(55) | 评论(1)

Javascript操作Select和Option
//1.动态创建select
function createSelect(){
var mySelect = document.createElement("select"); 
mySelect.id = "mySelect"; 
document.body.appendChild(mySelect);
}

//2.添加选项option
function addOption(){
//根据id查找对象,
var obj=document.getElementById('mySelect');
//添加一个选项
obj.add(new Option("文本","值")); //这个只能在IE中有效
obj.options.add(new Option("text","value")); //这个兼容IE与firefox
}

//3.删除所有选项option
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0; 
}

//4.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号,这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index); 
}

//5.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;

//6.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].text;

//7.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");

//8.删除select
function removeSelect(){
var mySelect = document.getElementById
}
posted at 08/03/06 15:34 | 技术文摘 - JavaScript | 浏览(146) | 引用(1) | 评论(3)



      << prev    1  2  3    next >>