,,国内首发 -- ajax完整功能框架

,,国内首发 -- ajax完整功能框架

假如还是不行,那么你需要检查一下你的浏览器,因为时间的原故,本人只在IE6 sp1上测试,其他浏览没有试过,不过估计在其他浏览器上肯定会出现一些问题,毕竟新技术还需要时间来支持100 .br/

br /

2、希望当你看到这个代码的时候,你会喜欢上创建交互式、快速动态网页应用的网页开发技术技术,这个范例只是一个很基本的应用,但是作者也付出了一定的时间和精力,希望你能够尊重作者的劳动成果,需要的话你可以免费拿去使用,但是最好不要用于商业用途,并且能够注明转载出处,谢谢!/div

div class='bottom' a href='# '作者:胡东平/a /div

/div

/div

/div

div class='页脚'胡东平个人空间转载须注明出处br /

一个href=' http://博客。cn睿。cn ' target=' _ blank '版权归清除在线空间所有/a /div

!-提示窗口-

div id=' loadifo ' style=' display:none ' onclick=' ent(delChar());/div

iframe id=' history frame ' style=' display:none ' src=' blank。html '/iframe

/body

/html

隐藏Ifream部分:

保存为blank.html:

程序代码

超文本标记语言

脚本语言='JavaScript '

函数pageLoaded() {

窗户。父母。DHTML历史。iframe已加载(窗口。位置);

}

/脚本

body onLoad='pageLoaded()'

h1blank.html-这个东西很重要的,兄弟!/h1

/body

/html

钢性铸铁部分:

保存为read.css:

程序代码

正文{

边距:0px

填充:0px

字体大小:9磅

}

h4 {

字体大小:9磅

显示:内嵌;

}

h5 {

显示:内嵌;

左边距:10px

}

跨度{

左边距:20px

颜色:# 666;

}

一个{

文字-装饰:无;

颜色:# 900;

}

答:悬停{

颜色:# F90

}。标题{

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr=' # 0099 ff ',endColorStr='#003366 ',渐变类型=' 0 ');

高度:30px

字体粗细:粗体;

颜色:# FFF;

padding-top:20px;

左填充:20px

边框-底部:2px纯色# FFF;

}。关闭{

浮动:对;

右边距:50px

光标:指针;

}。正文{

明确:两者都有;

宽度:1002像素

}。侧栏{

宽度:200像素

浮动:左;

top:20px;

填充顶部:10px

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr=' # 0066 cc ',endColorStr='#FFFFFF ',渐变类型=' 0 ');

文本对齐:居中;

}。空间类一个{

字体粗细:粗体;

颜色:# E1 f1 ff;

文字-装饰:无;

浮动:左;

宽度:120像素

填充:5px 5px 3px

底部边框:1px虚线# 6FF

}。悬停{

颜色:# FFF;

背景:# 09F

}。特殊{

边距-顶部:50px

宽度:150像素

颜色:# 666;

行高:15px

填充顶部:5px

垫底:5px

文本对齐:左对齐;

}。spetit {

字体粗细:粗体;

颜色:# FFFFFF

边框-底部:2px纯色# EEE;

}。空间类

宽度:150像素

}。特殊一个{

颜色:# 000;

}。nonetab {

高度:10px

背景:# EEE;

}。主要{

宽度:800像素

浮动:对;

}。maintit {

背景:# 000;

高度:17px

颜色:# FFF;

文本对齐:居中;

填充顶部:3px

}。mainbg {

背景:# EEE;

浮动:左;

宽度:100%;

溢出:隐藏;

}。mainbg2 {

背景:# EEE;

浮动:左;

宽度:100%;

滤镜:阿尔法(不透明度=30);

}。文章img {

边框宽度:0px

边框样式:无;

}。文章{

填充:5px

文本缩进:2em

边框-顶部:1px纯色# 06F

左边距:10px

}。底部{

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr=' # EEEEEE ',endColorStr='#FFFFFF ',渐变类型=' 1 ');

高度:13px

文本对齐:右对齐;

填充-右:20px

填充顶部:3px

边距-底部:10px

}。页脚{

高度:30px

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr=' # 0066 cc ',endColorStr='#B9E3FF ',Gradient type=' 1 ');

文本对齐:居中;

填充顶部:5px

行高:15px

颜色:# FFF;

明确:两者都有;

}。页脚一个{

颜色:# EEE;

}

#loadifo {

位置:绝对;

顶配:200 px

宽度:120像素

背景:# F69

填充:10px

滤镜:阿尔法(不透明度=90);

文本对齐:居中;

颜色:# FFF;

边框:1px虚线# 909;

左:400像素

}

重点:核心代码部分:

保存为rss.js:

程序代码

!-

//控制身份证明

函数getId(objId){

返回document.getElementById(objId)

}

//链接对应数组,请注明转载自http://www.cnrui.cn/blog

函数URL数组(URL名称){

开关(urlName){

案例"清除":

返回http://www。cn睿。cn/blog/feed。ASP

"阿飞"案:

返回http://www。阿飞。net/blog/RSS。' XML '

案例《瑞安夏》:

返回http://www。瑞安夏。com/blog/feerss 2。ASP

case 'awflasher ':

返回http://www。噢闪光器。com/博客/供稿。ASP

案例“塞莱斯”:

返回http://www。cn睿。cn/Seles/feerss 2。ASP

案例“娃娃”:

返回http://号阿飞。net/wawa/blog/RSS 2。' PHP '

案例“dreammx”:

返回http://www。dreammx。com/xhyl/feed。ASP

默认值:

返回错误的

}

}

//侧边栏控制,请注明自http://www.cnrui.cn/blog转载

函数closebar(targetid,objId){

if(document.getElementById){

target=getId(目标id);

objsty=getId(objId);

如果(目标。风格。display==' none '){

目标。风格。显示=" ";

主要的。风格。width=' 800 px

objsty.innerHTML='关闭侧边栏'

}否则{

目标。风格。display=' none

主要的。风格。宽度=' 100% ';

objsty.innerHTML='开启侧边栏'

}

}

}

//加载变灰,注明自http://www.cnrui.cn/blog转载

函数监听(一){

getId('prolist ').类名=a;

}

函数btnSty(objId,objStyle)

{

getId(objId)。风格。display=obj样式

}

//提示窗口控制

函数ifodis(){

btnSty('loadifo ',' none ');

}

函数设置时间(一){

设置超时(一个,1000);

}

函数loadtime(){

getId('loadifo ').innerHTML=' . '

}

//数据入口

函数输入(urlName){

window.location.hash=urlName

var fr murl=saveState(URL名称);//写入信息到ifream

var gamestart=loadrss(URL名称);//AJAX数据过程

}

//XML数据绑定

var xmldoc=false

函数loadrss(urlName){

var myurl=url数组(URL名称)

if(myurl){

listen(' mainbg 2 ');

//生成随机数,同时限制刷新次数

var Num=数学。地板(数学。random()* 100);

//定义往址参数

' url=myurl '?id=' Num

//定义为异步传输模式

xmldoc=false

//Mozill,Safari等浏览器时需要创建的XMLHttp类

如果(窗口XMLHttpRequest){

XML doc=new XMLHttpRequest();

if(XML文档。覆盖imetype){

XML文档。重写imetype(' text/XML ');

}

}

//IE浏览器时创建的XMLHttp类

else if(窗口ActiveXObject){

尝试{

XML doc=新的ActiveX对象(' MSXML 3 .XMLHTTP’);

}

捕捉(e){

尝试{

XML doc=新的ActiveX对象(' MSXML 2 .XMLHTTP’);

}

捕捉(e){

尝试{

XML doc=新建ActiveX对象(' Microsoft .XMLHTTP’);

}

catch(e){}

}

}

}

//不能创建XMLHTTP类时返回

如果(!xmldoc){

返回错误的

}

//调用检查状态函数

XML文档。onreadystatechange=CheckState

xmldoc.open('GET ',url,true);

XML文档。发送(空);

}否则{

getId('listnum ').innerHTML='您输入的地址错误,请重试!'

}

}

//状态检测

函数CheckState(){

var response=XML doc。响应XML。文档元素;

btnSty('loadifo ',' block ')

//收到完整的服务器响应

if(xmldoc.readyState==1){

getId('loadifo ').innerHTML='连接服务器'

}

else if(xmldoc.readyState==2){

getId('loadifo ').innerHTML='开始加载数据'

}

else if(xmldoc.readyState==3){

getId('loadifo ').innerHTML='正在加载数据'

设置时间(加载时间)

}

else if(xmldoc.readyState==4){

//HTTP服务器响应值成功

if(xmldoc.status==200){

//将服务器返回的字符串写到页面中身份证明为showdiv的区域

getId('loadifo ').innerHTML='加载完成'

设置时间(伊福迪斯)

数量(响应)

}

否则{

getId('loadifo ').innerHTML='错误' xmldoc.status '点这里刷新;

}

}

}

//检查数据合法性

函数trydata(节点名,节点名2){

尝试{

var nodeV=nodename。第一个孩子。nodevalue

}catch(e){

尝试{

var nodeV=nodename 2。第一个孩子。nodevalue

}catch(e){

var nodeV='没有可用信息'

}

}

返回nodeV

}

//记录集总数

函数编号(b){

尝试{

var title node=b . select nodes('//RSS/channel/title ');

var a=b . getelementsbytagname(' item ').长度

titleV=try data(title node(0));

getId('listnum ').innerHTML='共有一个篇文章来源于:' titleV

setlist(a,b);

}catch(e){}

}

if (top.location!=自我。位置)顶部。位置=自己。位置;

//节目列表显示

//定义接收指向各个元素的节点信息的变量

var titleNode,linkNode,categoryNameNode,authorNode,pubDateNode,descriptionNode

//定义接收元素值的变量

var titleV,linkV,categoryNameV,authorV,pubDateV,descriptionV

//分类聚合

函数集列表(甲、乙)

{

var progra node=b . getelementsbytagname(' item ');

var adminlink node=b . select nodes('//RSS/channel/link ');

var title node=b . select nodes('//RSS/channel/item/title ');

var link node=b . select nodes('//RSS/channel/item/link ');

var category node=b .选择节点('//RSS/channel/item/category ');

var author node=b .选择节点('//RSS/channel/item/author ');

var pubDateNode=b . select nodes('//RSS/channel/item/pubDate ');

var description node=b .选择节点('//RSS/channel/item/description ');

var category 2s node=b . select节点('//RSS/channel/item/DC:subject ');

var author 2s node=b . select nodes('//RSS/channel/item/DC:creator ');

var pubdate 2s node=b . select nodes('//RSS/channel/item/DC:date ');

var listchar=' '

//使用为循环,产生列表信息

for(I=0;ia;我)

{

titleV=trydata(titleNode(i))

linkV=trydata(linkNode(i))

categoryV=trydata(类别节点(一),类别2节点(一))

authorV=trydata(authorNode(i),author2sNode(i))

pubDateV=trydata(pubDateNode(i),pubDate2sNode(i))

描述v=尝试数据(描述节点(I))

admin linkv=try data(admin link node(0))

//将得到的元素值装载到产生表格的字符串中

list char=' h5a href=' ' linkV ' ' target=' _ blank ' ' titleV '/a/H5 span发表时间:' pubDateV '/span div class=' article ' ' description v '/div div class=' bottom '文章分类:'类别v ' a href=' '管理链接v ' ' target=' _ blank '作者:' authorV '/a/div ';

}

//将生成的表格输出到页面的差异元素

getId('prolist ').innerHTML=listchar

听(“mainbg”)

}

//浏览器回退部分

//重写IFREAM链接,浏览器回退重点

函数保存状态(消息){

var hisFrm=getId('historyFrame ')

hisFrm.src='blank.html?'消息

}

//检测IFREAM

window.dhtmlHistory={

iframeLoaded:函数(新位置){

var哈希=新字符串(newLocation.search)

如果(哈希。长度=2哈希。charat(0)=='?'哈希。子串(1)!=delChar()){

hash=hash.substring(1)

窗户。位置。hash=哈希;

var hisFrmdata=loadrss(hash)

}

}

}

//浏览器链接指向部分

//去除符号,请注明http://www.cnrui.cn/blog转载

函数delChar(){

var a=window.location.hash

返回一个。子字符串(1)

}

window.onload=function(){

如果(窗口。位置。哈希。长度=2){

ent(delChar())

}

}

//-

点击下载

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: