IE6用Javascript提交表单的问题
2008-05-30 14:35 | Filed Under Html/JS/CSS |
最近做网站，把IE6能碰到的问题基本碰了个遍，今天又碰到JS提交表单页面不刷新的问题
因为要用图片做按钮来提交表单，所以使用了如下代码：
然后css去定义背景什么的，这些略掉
结果在IE6下点提交页面不跳转，折腾的时候又发现有些情况表单实际上已经提交了只是页面没有跳转
看到有人说应该使用setTimeout来提交，经过测试还是不行，根本就没有执行setTimeout里面的方法
最后查到是javascript:void(0)的问题，在IE6中当href=”javascript:void(0)”时是有可能中止当前的js操作的，
改成href=”#”，页面就跳转了(虽然还是有点小问题，就是先更改页面焦点到”#”然后才提交)
当然这个问题可以直接使用div等其他容器的onclick来实现应该就行了，没必要使用a这个超链接标签
标签：ie, javascript, 提交, 表单, 跳转, 页面相关日志
一个完整的表格样式
2008-04-24 10:51 | Filed Under Html/JS/CSS |
一坨针对IE的HACK
- table.default {
- background: #C1DCF7 none repeat scroll 0%;
- border: 1px solid #C1DCF7;
- color: #000000;
- width: 98%;
- border-collapse: collapse;
- margin: 0 auto;
- }
- table.default caption {
- background:transparent url(http://blog.sunshow.net/wp-content/uploads/2008/04/bg_list.gif) repeat-x scroll 0%;
- height: 30px !important;
- line-height: 30px;
- text-align: left;
- padding-left: 10px;
- font-size: 14px;
- font-weight: bold;
- color: #FFFFFF;
- }
- table.default caption a:link, table.default caption a:visited {
- color: #000000;
- font-size: 12px;
- text-decoration: underline;
- }
- table.default caption a:hover {
- font-size: 12px;
- color: #14568A;
- }
- table.default thead tr {
- background: #C1DCF7 none repeat scroll 0%;
- color: #000000;
- height: 25px;
- line-height: 25px;
- text-align: center;
- font-size: 13px;
- }
- table.default thead tr th {
- border-color: #C1DCF7; /* fix for IE */
- }
- table.default tbody {
- background: #FFFFFF none repeat scroll 0%;
- text-align: left;
- }
- table.default tbody tr {
- height: 25px;
- line-height: 25px;
- event: expression(
- (this.onmouseover = function() {this.className += ' over';}) &&
- (this.onmouseout = function() {this.className = this.className.replace(' over', '');})
- );
- }
- table.default tbody tr:hover, table.default tbody tr.over {
- background-color: #E8F0FF;
- }
- table.default tbody tr td {
- font-size: 12px;
- padding: 0 0 0 5px;
- border-color: #C1DCF7; /* fix for IE */
- }
- table.default tbody tr td { /* fix for IE when align="center" or align="right" */
- padding-left: expression(
- (((this.align == 'center') || (this.align == 'right')) ? '0px' : '5px')
- );
- padding-right: expression(
- ((this.align == 'right') ? '5px' : '0px')
- );
- }
- table.default tbody tr td[align="center"] {
- padding: 0;
- }
- table.default tbody tr td[align="right"] {
- padding: 0 5px 0 0;
- }
效果展示：
提示：您可以先修改部分代码再运行
相关日志
IE6又一bug？
2008-04-16 16:01 | Filed Under Html/JS/CSS |
总结一下就是类似#gisarrow.over、#gisarrow.expanded这样的选择符
在使用javascript动态更改className的时候只有最先定义的一个样式有效
在IE6运行以下例子，然后删掉#gisarrow.over做个对比
IE7下还没试
提示：您可以先修改部分代码再运行
相关日志
再次谴责IE6
2008-04-03 11:34 | Filed Under Html/JS/CSS |
对于开发者来说这实在是个很操蛋的浏览器
老革命又遇到了新问题，其实是个老问题
就是在IE6下div无法覆盖select，不管怎么设置z-index
解决办法也不是没有
1、调整select的位置让它显示在div之外；
2、在显示div的时候先隐藏select，完了再恢复；
3、用iframe或者object之类的覆盖；
但是这事情实在是太xhit了
这个浏览器什么时候才能退出历史舞台啊
相关日志
Firefox3 beta3显示Google Reader的问题
2008-02-14 09:08 | Filed Under Html/JS/CSS, Software |
自从昨天beta3升级以来我的Google Reader显示就有问题，表现在日志部分无法显示出来
不过别人好像没这个问题，可能是因为我的语言设置是中文，使用的还是老版本的Reader的原因
写了个GreaseMonkey脚本解决了这个问题
// This is a greasemonkey script, for use with the Firefox extension Greasemonkey.
// More info: http://greasemonkey.mozdev.org/
//
// ==UserScript==
// @name Google Reader Display Fix
// @author Sunshow
// @e-mail sunshow@gmail.com
// @Version 0.5
// @description Google Reader display fix for firefox3 beta 3
// @include http://www.google.com/reader/*
// ==/UserScript==
var objTable = document.getElementById(’viewer-box-table’);
objTable.style.display = ‘block’;
标签：Google Reader, Greasemonkey, 脚本相关日志
