首页 | 涂鸦版代码 | 音乐代码 | 校内网教程 | 鼠标代码 | 播放器代码 | css代码 | 校内网非主流 | 校内网人气

首页 | games单机游戏 | 网络工具 | soft常用软件 | game相关 | media媒体工具
您当前的位置:校内资源网文章中心校内网教程 → 文章内容
本类热门文章
相关下载
 
显示来访者照片插件(插件原理)
作者:佚名  来源:不详  发布时间:2007-10-13 16:07:25

减小字体 增大字体

<a href="http://www.xnei.net/" target="_blank"><img src="http://www.xnei.net/image/ilogo.gif" alt="校内网代码精灵-校内网美化专业网站,欢迎您的访问" border="0"></a>校内网升级后使得原来的涂鸦板代码不再有效,所以对原来的代码进行修正!
显示访客照片的原理很简单的, 取得访客页面的一段特定的代码放被访客的页面上,我们需要做的就是取得访客页面上小照片的地址(大照片是有权限限制的,不一定都可以获取的)。

★☆★首先我们就要得到访客的地址(这样才能知道访客页面使用的代码呀),当你登陆帐号后几乎在校内网的每一张页面上都会看到导航条:“我的页面”、“我的好友”、“我的日志”……“我的页面”包含的链接就是访客的地址。注意到校内网访客地址不同的只是校内ID,我们可以通过校内ID最终取得访客的完整地址!请看下面的代码:
var aaa= $('mymenu').innerHTML;
var idloc = aaa.indexOf('getuser.do?id=');
aaa = aaa.substring(idloc + 14);
var idend = aaa.indexOf('"');
userid = aaa.substring(0,idend);
url = 'http://xiaonei.com/GetUser.do?id=' + userid;
代码说明:
①“mymenu”就是导航条所在的容器的ID;
②$() 方法返回参数传入的id的那个元素,也可以传入多个id作为参数然后 $()返回一个带有所有要求的元素的一个 Array 对象
③innerHTML属性,几乎所有的元素都有innerHTML属性,它是一个字符串,返回元素的标签内部的HTML字符内容,比如这样的代码<div id="info"><B>lankerscu</B></div>则window.info.innerHTML的值就是"<B>lankerscu</B>"。
④indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。
⑤substring方法返回位于 String 对象中指定起始位置和结束位置的子字符串
通过方法的讲解,自己对照返回的innerHTML值,相信会明白怎么得出校内ID的。

★☆★接着,通过Ajax技术获取访客页面的代码,结合indexOf 方法和substring方法层层削减,最后等到访客姓名和访客小照片地址。请看使用的代码:
var tAjax = new Ajax.Request(url,{method:'get',onComplete: sayhello});
function sayhello(reponse){
t= reponse.responseText;
var nameBegin = t.indexOf('title>');
var nameEnd = t.indexOf('/title>');
name = t.substring(nameBegin + 12,nameEnd - 1);
$('uname').innerText=name;//获取访客姓名,自定义ID:uname
var photoBegin=t.indexOf('return openPhoto()');
var photoEnd=t.indexOf('id="userpic"');
photo=t.substring(photoBegin,photoEnd);
photoBegin = photo.indexOf('src="') + 5;
photo=photo.substring(photoBegin);
photoEnd=photo.indexOf('"');
photo=photo.substring(0,photoEnd);
$('uimg').src=photo;//获取访客小照片地址,自定义ID:uimg

①AJAX全称为“Asynchronous and XML”(异步和XML),是指一种创建交互式网页应用的网页开发技术。如今 Google Suggest 和 Google Maps 使用了 Ajax,通过 Ajax,我们可以使得客户端得到丰富的应用体验及交换操作,而用户不会感觉到有网页提交或刷新的过程,页面也不需要被重新加载,应用的数据交换都被隐藏。
②Ajax.Request对象
var Ajax = new Ajax.Request( url,{method: 'get', onComplete: sayhello});
url:与服务器通信的地址
method:数据提交的方式
onComplete:完成接收响应的时候将调用的方法sayhello
③$() 方法预定义容器ID,方便被访客页面调用取得的信息

★☆★最后,被访客页面调用取得的信息,这个就很简单了,想要多个性就自己加工得多个性,关键语句对信息的调用:<font id='uname' color='blue'></font><img src="#" id="uimg"/>

★★想添加特效的同学可以使用这个方法手动修改:
找到插件代码中的:<img src="#" id="uimg"/>
把代码修改为<DIV style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); WIDTH: 200px; HEIGHT: 128px"><img src="#" id="uimg"/></div>

代码出自:http://www.xnei.net,请转载者注明出处,有问题请到论坛发贴!
[] [返回上一页] [打 印]
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登陆