2011-02-28 34 views
1

標題可能會說我需要什麼。Ajax負載div,然後返回到前面的div

得到它從一個網站.. 難道像這樣LINK

我在編都非常新。

但是有可能有一段代碼,我可以返回到以前的div? 因爲現在當我按下或單擊返回它會轉到以前的HTML頁面。

在此先感謝!

var loadedobjects="" 
var rootdomain="http://"+window.location.hostname 

function ajaxpage(url, containerid){ 
var page_request = false 
if (window.XMLHttpRequest) // if Mozilla, Safari etc 
page_request = new XMLHttpRequest() 
else if (window.ActiveXObject){ // if IE 
try { 
page_request = new ActiveXObject("Msxml2.XMLHTTP") 
} 
catch (e){ 
try{ 
page_request = new ActiveXObject("Microsoft.XMLHTTP") 
} 
catch (e){} 
} 
} 
else 
return false 
page_request.onreadystatechange=function(){ 
loadpage(page_request, containerid) 
} 
page_request.open('GET', url, true) 
page_request.send(null) 
} 

function loadpage(page_request, containerid){ 
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) 
document.getElementById(containerid).innerHTML=page_request.responseText 
} 

function loadobjs(){ 
if (!document.getElementById) 
return 
for (i=0; i<arguments.length; i++){ 
var file=arguments[i] 
var fileref="" 
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding 
if (file.indexOf(".js")!=-1){ //If object is a js file 
fileref=document.createElement('script') 
fileref.setAttribute("type","text/javascript"); 
fileref.setAttribute("src", file); 
} 
else if (file.indexOf(".css")!=-1){ //If object is a css file 
fileref=document.createElement("link") 
fileref.setAttribute("rel", "stylesheet"); 
fileref.setAttribute("type", "text/css"); 
fileref.setAttribute("href", file); 
} 
} 
if (fileref!=""){ 
document.getElementsByTagName("head").item(0).appendChild(fileref) 
loadedobjects+=file+" " //Remember this object as being already added to page 
} 
} 
} 

回答

0

所以它似乎你想保持一個頁面的狀態在ajax調用後的狀態的歷史。 簡單的答案是簽出YUI歷史記錄管理器(http://developer.yahoo.com/yui/history/)或jQuery歷史插件(http://tkyk.github.com/jquery-history-plugin/

+0

謝謝,我現在得到它,它不會用幾行代碼XD解決。我會看看雅虎的開發人員,看起來像在那裏解釋得更好。只是想說,真的很喜歡這個網站幫助人們出去!來自荷蘭的歡呼! – Luciano 2011-02-28 19:47:14

0

如果我理解正確,你想要處理瀏覽器的後退和前進按鈕?

這可能是一個相當艱鉅的任務,並且存在許多解決方案/庫/插件來幫助解決這個問題。

例如,你可以看看:http://tkyk.github.com/jquery-history-plugin/

然而,這也許需要您現有的代碼庫的大規模的重構,但沒有更多的信息,這真的很難說。

+0

我添加了代碼,如果您的意思是更多的信息。我查看了你發送的網站,但是這超出了我的頭。我想在div中使用ajax加載組合頁面,以便更新它很容易。所以這不是一個簡單的解決方案...? – Luciano 2011-02-28 19:34:38