走走停停看看

button元素比起input的优势

2008年4月22日 – 00:07

实际上button和input两个都可以用来做按钮，而且格式非常相似

但是，button比起input来说可以提供更加丰富的内容
因为里边是可以包含HTML标签的
这样就可以做到如下的效果
[html]

[/html]

怎么样，用传统的input做不到吧

但是务必注意，type在FF下，是必须的。否则如果一旦这个button出现在form中（ASPX常常会这样）而未加上type="button"的话，就会提交表单的！

他支持submit/reset/button
当然也有value属性~
更多参数可以参考

总之强烈推荐用button代替input，更符合语义，即，这里我想要一个按钮，而不是一个什么“输入”的东西
英文：
http://www.w3schools.com/tags/tag_button.asp
中文：
http://www.w3school.com.cn/tags/tag_button.asp

Posted in W3C | No Comments » | 45 views

标准化布局与实时切换CSS

2008年4月18日 – 03:29

今天花了点时间，彻底的写了一个两栏布局，IE6/7和FF下彻底完全一样了，另外两个OP和SF暂时不高兴管了。

同时写了一个切换CSS，即网站换肤功能。最近很流行的，一写才发现果然非常简单。
两三行搞定的。主要思想就是给link元素设定ID，然后用getElementId来获取后改变href值。超EASY
具体可以看这里的DEMO

http://shawphy.com/demo/changecss/changecss.html

唯一的缺憾是FF下对于未加载的样式会闪一下，当然他是对的……
因为我已经改变了样式，那老的自然应该消失，而新的没载入完，那自然还没呈现，所以有瞬间的闪一下。
不过虽然很正确，可惜少了点人性化……

下次有空再测试IE8吧~

P.S. 今天更新一下，用了jQuery的读写Cookie的插件，现在可以保存设置到Cookie里了~本功能就此打住，不再更新


jQuery(function() {

	//读取cookie
	$("#changecss").attr("href","css/"+$.cookie("style")+".css");
	$("#sidebar>ul>li>a").click(function() {

		//设置link元素的href属性
		$("#changecss").attr("href","css/"+$.trim($(this).text())+".css");
		$("#headerMain").html($(this).text());

		//写入cookie,1年过期
		$.cookie("style",$.trim($(this).text()),{ expires: 365})

		//去除a上难看的虚线框
		this.blur();

		//不触发默认鼠标事件
		return false;
	}).css({"width":"220px","display":"block"});
});

Posted in jQuery | 1 Comment » | 35 views

jQuery 1.2 cheatsheet

2008年4月10日 – 19:30

在官网上逛的时候，看到这么个东西，以前就只有1.1的现在有1.2版的了，分享一下[face02]

注：selector部分的那个@符号其实在1.2中已经不需要了。

Posted in jQuery | 1 Comment » | 46 views

上次写的那个DEMO貌似导致FF3.0B5崩溃

2008年4月9日 – 22:00

大家可以访问上次写过的貌似不是很成功的页面，
是不是会导致FF 3.0B5崩溃呢？
点了顶上那白条后
再点弹出来的层，FF必定崩溃
http://shawphy.com/firefox/firefoxbug.html

又看了下，可能是开了，FIREBUG 1.1BETA版的问题

Posted in 本站动态 | No Comments » | 31 views

button 背景图片IE下不认

2008年4月7日 – 23:57

今日出现个离奇的问题
IE下设置了button 如下css
button{border: none;background-image: url(button_gray_4.gif);}

结果发现IE下按钮始终是系统默认样式，并非我设定的样式。

捣鼓了半天，发现如果这样设
button{border: none;background: url(button_gray_4.gif);}

就又离奇的行了。真是莫名的……
同时也发现，这个跟最开始的dtd声明有关，如果去除了顶部的

，也就有效了。。。无语啊。。。

而如果对button 的border先设一个的话，也会有效：比如
border: 1px;border:none;background-image: url(button_gray_4.gif);

但如果图片不存早的话，表现效果也不相同……

[html]

[/html]

Posted in CSS | No Comments » | 46 views

jQuery 再度大修

2008年3月28日 – 22:15

之前有过些小修小补的，今天抽空统一再校对一下，修正如下

全文替换1.1遗留下的@符号
jQuery(callback)  未翻译的翻译一下
slice(start,[end])  未翻译的翻译一下
parent(expr)   例子中删除个body
append(content)   C要
css(name)   删除多余的<hr />
unbind([type],[data])  代码注释翻译
change(fn)   未翻译的翻译一下
click(fn)   常用的事件->几个事件的顺序
dblclick(fn)   未翻译的翻译一下
focus()    未翻译的翻译一下
scroll(fn   修正
submit(fn)   select->submit
toggle()   删除多余的<hr />
stop()    代码注释翻译

朋友可以再次下载一下离线版。
现在基本上注释也都翻译了。少量实在2B的就不翻了……

Posted in jQuery | 3 Comments » | 25 views

这几天不用盗版windows了

2008年3月27日 – 05:45

实际上最近些日子一点一点在意版权问题。我们大多数人都在堂而皇之的使用着XX花园版XP，或者XX政府版的SN时，是不是也要考虑一下这样是不是合适呢？

当然我不是说我本人已经有钱到购买正版的WINDOWS的地步了。

也同样不是说达人到完全使用LINUX内核的系统，比如首页侧边的那个ubuntu

实际上微软有做了一件好事~

就是Windows Server 2008

这个系统有可以试用60天。随后可以申请延长60天，一共可以申请三次

也就是说，前后一共240天，我想我至少在240天内肯定不只重装一次系统，这个限度对于我来说已经完全足够了。

这样既避免使用盗版WINDOWS带来的心理负担（没有负担的请无视这句），也不用承受使用开源的linux发行版带来的“偶尔不得不使用win”带来的窘境。

同时，这个版本使用了vista一样的构架，所以很安全

================================

大家或许没有注意到，我提供的下载的都是zip打包的。尽管rar在国内更普遍，而且本身我也是用winrar评估版压缩成zip的，但zip至少是有开源的解压缩组件的。给一些在自由软件环境下的朋友提供方便。同样那个jQueryApi没有使用chm打包发行也是因为如此，Linux下看chm很不方便。

Posted in 其他 | No Comments » | 28 views

Ubuntu 倒计时脚本

2008年3月23日 – 01:07

看到ubuntu快要发布了，支持一下

加入以下代码，就能看到我右边那张图片啦。8.04版倒计时

<script type="text/javascript" src="http://www.ubuntu.com/files/countdown/display.js"></script>

Posted in 本站动态 | No Comments » | 60 views

点击div之外的地方div消失

2008年3月19日 – 02:17

<!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>
<script type="text/javascript" src="http://shawphy.com/common/jquery.js"></script>
</head>
<body style="background:black;width:100%;height:100%;margin:0;padding:0">
<div id="showdiv" style="background:white">click here to show a div.</div>
<div id="test" style="background:white;display:none;width:150px;height:150px;">
<ul id="">
<li>list 1</li>
<li>list 2</li>
</ul>
<a href="#">close</a>
</div>
</body>
<script type="text/javascript">
<!--
$(function() {
$("#showdiv").click(function(e) {
if ($("#test").is(":hidden")) {
$("#test").fadeIn();
e.stopPropagation();
}
});
$("#test").click(function(e) {
e.stopPropagation();
});
$(document).click(function() {
$("#test").fadeOut();
});
$("#test a").click(function() {
$("#test").fadeOut();
});
})
//-->
</script>
</html>

暂时没有找到纯JQ的方法，只能采用事件处理机制来阻止冒泡。
可以在这里看效果 http://shawphy.com/demo/closediv/closediv.html

===================================
事后发现其实JQ已经为此做了兼容性，具体可以参考http://shawphy.com/40.html

Posted in jQuery | No Comments » | 58 views

更新升级PJBlog中的FCKEditor

2008年3月19日 – 01:53

面对PJ自带那个不知猴年马月前的FCK我只能说抱歉，

无奈之下，看到FCK出了2.6BETA，真速度啊，前几天才是2.5，已经出了2.5.1又到2.6BETA了，看到2.6有了不少bugfix自然决定使用之

更新过程发现异常简单

仅仅是：覆盖原PJ的fckeditor文件夹，即可

可选操作

1，删除php,aspx,py之类的文件

2，删除editor\lang下其他语言文件

2，fckconfig.js中FCKConfig.SkinPath = FCKConfig.BasePath + ’skins/office2003/’ ;

3，FCKConfig.DefaultLanguage = ‘zh-cn’ ;

5，fckeditor.asp中 sHeight = "400"

6，删除editor\filemanager\connectors中其他php之类的文件夹

7，editor\filemanager\connectors\asp\config.asp中，ConfigIsEnabled = True
ConfigUserFilesPath = "/attachments/"

好了，已经可以完美运行了~

Posted in 本站动态 | No Comments » | 35 views