ajax向DIV中写入指定HTML文件

<a href="a.html">地址1</a>
<b href="b.html">地址2</a>
鼠标滑过的时候
就在此标记
<div id="downurl"></div>
载入我想要的页面
形式如 a.php
滑到b链接的时候就要求载入 b.php

我就是就是想要在同一页面通过鼠标事件触发，载入其他的网页。
要求网页打开的时候默认载入的是a.php~~

哪位大侠帮帮我吧！在线等啊！

举报该问题

推荐答案 2008-12-09

这是一个我用了 bingo 框架写的ajax 和你的要求差不多了,为了简单说明,我将默认显示"a.php"的个删除

------------------------------------------

1.先导入一个现成的ajax框架,我这里推荐用bingo,虽然网上有好多更强大的,但我觉得这个足以应付大部份的操作的内容,你可以在这里下载得到,
http://www.ajaxbingo.com/
而且是中文的,非常亲切哦,dw cs4里也对他有代码提示

<script src="bingo.js"></script>

2.建一个function让来处理鼠标滑过连接时的操作
将划过的连接的ID作为判断,ajax要访问那一个文件再将得到的结果交给function "ch2"

<script>
function ch(val){
AJAXCALL(val+".php",ch2);
}

3.返回的结果显示在指定的ID的div里头,

function ch2(doc){
$("downurl").innerHTML=doc;
}
</script>

------------------------------------------

<a href="#" id="a" onmouseover="ch(this.id)">LINK A</a> | <a href="#" id="b" onmouseover="ch(this.id)">LINK B </a>

<div id="downurl"></div>

-----------------------------------------

其实这个切换页的功能你可以直接在dw cs3 cs4里找到,不需要自己编写

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/6SIf60XC.html

其他回答

第1个回答 2008-12-09

具体你粘贴代码试试吧, 已经按照你要求写了.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.5.min.js"></script>
<script type="text/javascript">
function initPage() {
$("a[name='load']").mouseover(function(){
var url = $(this).attr("href");
$("#loadpage").empty().load(url)
})
}
</script>
</head>
<body>
<a name="load" href="a.html">地址1</a>
<a name="load" href="b.html">地址2</a>
<div id="loadpage" style="width:800px;height:600px;border:1px solid #ccc"></div>
<script type="text/javascript">initPage()</script>
</body>
</html>

相似回答

jQuery怎么加载一个html页面到我指定的div里面答：(function(){ .ajax({ type:"POST", url:"LoginLoadArticle.ashx",data: "type="+escape("最新公告") ,success:function(msg){ (".gonggao").html(msg);}, error:function(XMLHttpRequest, textStatus, thrownError){}})})

向DIV中写入HTML(AJAX高手赐教)答：function hebe(){ document.getElementById("downurl").innerHTML='/soft/down?3.php'} 然后在onClick里面调用这个函数 JavaScript：hebe()

大家正在搜

java写入文件 ajax请求json文件 ajax请求本地json文件 ajax请求文件 ajax提交文件 ajax提交文件表单 ajax提交文件和数据 ajax获取文件流写入文件