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了
这个浏览器什么时候才能退出历史舞台啊
相关日志
IE6下CSS背景图片的Bug
2007-11-27 21:23 | Filed Under Html/JS/CSS |
最近碰到的问题，比如有一div，设置了背景图，然后只要在js中对此div的css做出任何更改就会重新请求背景图片，表现为页面闪烁
此问题仅在IE6下出现(更低版本未测试)，原因是IE6在默认情况下不缓存背景图片
解决办法一，通过css：
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
缺点：可能会使整个页面的加载速度变慢
解决办法二，使用javascript：
document.execCommand(“BackgroundImageCache”, false, true);
</script>
缺点：如果在firefox等浏览器下执行会出错。
所以需要判断是否为IE浏览器，使用jQuery提供的判断方法如下：
if ($.browser.msie) {
document.execCommand(“BackgroundImageCache”, false, true);
}
</script>
相关日志
