71街 » JS http://www.71j.cn 杜工的技术博客 Fri, 16 Dec 2011 03:52:13 +0000 en hourly 1 http://wordpress.org/?v=3.3 Discuz7.2 IE9兼容性–杜工完全修补方案 http://www.71j.cn/archives/257 http://www.71j.cn/archives/257#comments Fri, 22 Apr 2011 10:02:23 +0000 杜工 http://www.71j.cn/?p=257 现象：
1. IE9快速发帖不跳转
2. IE9管理员处理帖子失败
3. IE9登录不跳转，需要手动刷新
原因：
1. AJAXPOST函数判断out了
2. 动态创建iframe时各浏览器处理方式不同
解决方法：
1. 修改templates/header.htm
把
替换为
2.修改include/js/common.js
把ajaxpost函数替换为：
function ajaxpost(formid, showid, waitid, showidclass, submitbtn, recall) {
 var waitid = typeof waitid == 'undefined' || waitid === null ? showid : (waitid !== '' ? waitid : '');
 var showidclass = !showidclass ? '' : showidclass;
 var ajaxframeid = 'ajaxframe';
 var ajaxframe = $(ajaxframeid);
 var formtarget = $(formid).target;
 
var handleResult = function() {
 var s = '';
 var evaled = false;
 
showloading('none');
 try {
 s = $(ajaxframeid).contentWindow.document.XMLDocument.text;
 } catch(e) {
 try {
 s = $(ajaxframeid).contentWindow.document.documentElement.firstChild.wholeText;
 } catch(e) {
 try {
 s = $(ajaxframeid).contentWindow.document.documentElement.firstChild.nodeValue;
 } catch(e) {
 s = '内部错误，无法显示此内容';
 }
 }
 }
 
if(s != '' && s.indexOf('ajaxerror') != -1) {
 evalscript(s);
 evaled = true;
 }
 if(showidclass) {
 $(showid).className = showidclass;
 if(submitbtn) {
 submitbtn.disabled = false;
 }
 }
 if(!evaled && (typeof ajaxerror == 'undefined' || !ajaxerror)) {
 ajaxinnerhtml($(showid), s);
 }
 ajaxerror = null;
 if($(formid)) $(formid).target = formtarget;
 if(typeof recall == 'function') {
 recall();
 } else {
 eval(recall);
 }
 if(!evaled) evalscript(s);
 ajaxframe.loading = 0;
 $('append_parent').removeChild(ajaxframe);
 };
 if(!ajaxframe) {
 try{
 ajaxframe = document.createElement('<iframe name="' + ajaxframeid + '" id="' + ajaxframeid + '"></iframe>');
 }catch(e){
 ajaxframe = document.createElement('iframe');
 ajaxframe.name = ajaxframeid;
 ajaxframe.id = ajaxframeid;
 }
 ajaxframe.style.display = 'none';
 ajaxframe.loading = 1;
 $('append_parent').appendChild(ajaxframe);
 } else if(ajaxframe.loading) {
 return false;
 }
 
_attachEvent(ajaxframe, 'load', handleResult);
 
showloading();
 $(formid).target = ajaxframeid;
 $(formid).action += '&inajax=1';
 $(formid).submit();
 return false;
}
后台刷新缓存，搞定。
]]> http://www.71j.cn/archives/257/feed 0 js模拟php的shuffle函数，用来打乱一维数组 http://www.71j.cn/archives/220 http://www.71j.cn/archives/220#comments Thu, 09 Dec 2010 10:19:57 +0000 杜工 http://71j.cn/?p=220 
Array.prototype.shuffle = function() {
for(var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x);
return this;
};
 
非原创，纯分享
]]> http://www.71j.cn/archives/220/feed 2 让浏览器仅显示当页所有图片的代码 http://www.71j.cn/archives/215 http://www.71j.cn/archives/215#comments Sun, 10 Oct 2010 15:34:35 +0000 杜工 http://71j.cn/?p=215 可在看图时候免除广告骚扰，并提高页面整体加载速度。适合摄影爱好者、美女图片爱好者、色狼等等。

1.打开浏览器，随便添加一个网页到收藏夹中，添加的时候把名称更改为“只看图片”，确定。

2.在收藏夹中右键点击刚添加的链接，属性，把url替换为 如下代码，确定。

javascript:Ai7Mg6P=”;for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){Ai7Mg6P+=’<img%20src=’+document.images[i7M1bQz].src+’><br>’};if(Ai7Mg6P!=”){document.write(‘<center>’+Ai7Mg6P+’</center>’)} 

3.随便打开一个含有多个图片的页面，如http://club.news.tom.com/item_400_278031_0_1.html，然后点击收藏夹中的“只看图片”这个链接，目标实现。

各位，这样看美女图是不是很爽啊？！（淫笑ing）

]]> http://www.71j.cn/archives/215/feed 3 QQ转载次数最多图片TOP50 查看代码 http://www.71j.cn/archives/195 http://www.71j.cn/archives/195#comments Wed, 04 Aug 2010 06:31:18 +0000 杜工 http://71j.cn/?p=195 <script>
document.write(“<body></body>”);
c = document.createElement(“script”);
c.src=”http://hp.qq.com/hotpic/cdnjs/today_hot_img.js?_”+new Date().getTime();
document.body.appendChild(c);
var f =function(){
 var s = ”;
 for(var i in hotimg){
  s+=’<p><img src=”‘+hotimg[i].lurl+’”></p>’; 
 }
document.write(s);
}
setTimeout(‘f()’,1000);
</script>

]]> http://www.71j.cn/archives/195/feed 2 火影漫画 每话一屏无广告观看代码 http://www.71j.cn/archives/191 http://www.71j.cn/archives/191#comments Fri, 30 Jul 2010 07:43:26 +0000 杜工 http://71j.cn/?p=191 看漫画，最烦一页一页的翻着看了，如果你在narutom看火影，那么，试试这个方法吧。
操作方法：

1.打开浏览器，随便添加一个网页到收藏夹中，添加的时候把名称更改为“看漫画”，确定。

2.在收藏夹中右键点击刚添加的链接，属性，把url替换为 如下代码，确定。

javascript:host=”http://w10.narutom.com”;p=”<img src=”+host+picArr.replace(/\|/g,”><img src=”+host)+”>”;document.write(“<p align=center>”+p+”</p>”); 

3.随便打开一话漫画，如http://www.narutom.com/comic/11247.html，然后点击收藏夹中的“看漫画”这个链接，目标实现。

]]> http://www.71j.cn/archives/191/feed 3 “此文件来自其它计算机，可能被阻止以帮助保护该计算机” http://www.71j.cn/archives/190 http://www.71j.cn/archives/190#comments Fri, 25 Jun 2010 16:34:09 +0000 杜工 http://71j.cn/archives/190 最近研究AJAX跨域问题，发现从本机直接运行xhr获取远程文件，在ie8下可行。
比如$.post(“http://www.baidu.com”…)，就可以获取baidu的源文件。很是惊喜，就把文件发给朋友测试，结果朋友说不行，出现了讨厌的“拒绝访问”js错误。
仔细研究下，原来他是从QQ邮箱以附件的形式把我的测试代码下载下来的。在他的计算机上查看该文件属性，发现最下面有个这样的提示：“此文件来自其它计算机，可能被阻止以帮助保护该计算机”，原来是win7系统做的怪。点击文字后面的“解除锁定”按钮，确定，再运行测试，问题得以解决。

]]> http://www.71j.cn/archives/190/feed 0 文本域(textarea)的高度自适应实现两法 http://www.71j.cn/archives/151 http://www.71j.cn/archives/151#comments Thu, 11 Mar 2010 03:51:51 +0000 杜工 http://71j.cn/?p=151 随着HTML5的即将退出，相信大家对页面更加人性化有了一定的期待，这里我介绍两种方法，让你的textarea能够实现根据内容自动调整高度，让你的页面也炫起来！

方法一，使用JS自动调整

<textarea name="mytextarea" cols="80" style="overflow-y:hidden;height:80px;" onpropertychange="this.style.height=this.scrollHeight+'px';" oninput="this.style.height=this.scrollHeight+'px';"></textarea>

方法二，使用css控制，只需给文本域设置overflow-y:visible样式，比较简单，推荐使用

<textarea style="width:300px;overflow-y:visible"></texarea>
]]> http://www.71j.cn/archives/151/feed 0 重视HTML文件头部声明 http://www.71j.cn/archives/136 http://www.71j.cn/archives/136#comments Thu, 04 Feb 2010 02:37:50 +0000 杜工 http://71j.cn/?p=136 以前处理页面，习惯…这样写下去，后来W3C开始流行，发现好多好玩的东西在这样的标签下都不支持了，比如样式表中让元素居中的写法，margin:0 auto;
于是只好使用这样的写法了：

<!–CTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt–>

再写一个函数，比如原来的documeng.body.scrollTop在原有写法上是奏效的，但到了新标准中就会变为0，只好多加一些判断：

function getSrollTop(){
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
return scrollPos;
}
]]> http://www.71j.cn/archives/136/feed 0 免费使用天涯只看楼主功能 – 免登录 http://www.71j.cn/archives/118 http://www.71j.cn/archives/118#comments Wed, 03 Feb 2010 04:29:53 +0000 杜工 http://71j.cn/?p=118 操作方法：

1.打开浏览器，随便添加一个网页到收藏夹中，添加的时候把名称更改为“只看楼主”，确定。

2.在收藏夹中右键点击刚添加的链接，属性，把url替换为 “javascript:V.lookByAuthor(chrAuthorName);”引号中的内容，确定

3.随便打开天涯一个帖子，然后点击收藏夹中的“只看楼主”这个链接，目标实现。

呵呵，你也可以把这个功能放在浏览器顶端的标签栏中，使用起来更加方便快捷。

]]> http://www.71j.cn/archives/118/feed 0 在同一个窗口中打开不同的网址 http://www.71j.cn/archives/106 http://www.71j.cn/archives/106#comments Thu, 31 Dec 2009 06:01:38 +0000 杜工 http://71j.cn/?p=106 这是一个灵活的应用，如果你想在一个页面中，点击所有的链接，都在另外的同一个窗口中加载链接内容，可以用这种方式实现。

<html>
<head>
 
<script type="text/javascript">
function focusWindow() {
w = window.open("", "dyp");
w.focus();
 }
</script>
</head>
 
<body>
<a href="b.html" target="dyp" onclick="focusWindow()">B</a>
<a href="c.html" target="dyp" onclick="focusWindow()">C</a>
</body>
</html>

这种方法常用在优化用户体验方面，比较快捷方便。

]]> http://www.71j.cn/archives/106/feed 0