https://wiki.d3xt3r01.tk//index.php?action=history&feed=atom&title=Update_div_content
Update div content - Revision history
2026-05-06T09:23:54Z
Revision history for this page on the wiki
MediaWiki 1.45.1
https://wiki.d3xt3r01.tk//index.php?title=Update_div_content&diff=6548&oldid=prev
Admin at 09:37, 26 January 2012
2012-01-26T09:37:44Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 12:37, 26 January 2012</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>
Admin
https://wiki.d3xt3r01.tk//index.php?title=Update_div_content&diff=24&oldid=prev
Admin: New page: ==Source== <source lang="javascript"> <script type="text/javascript"> function loadpage(page_request, containerid){ if (page_request.readyState == 4 && (page_request.status == 200 ...
2009-06-25T19:58:48Z
<p>New page: ==Source== <source lang="javascript"> <script type="text/javascript"> function loadpage(page_request, containerid){ if (page_request.readyState == 4 && (page_request.status == 200 ...</p>
<p><b>New page</b></p><div>==Source==<br />
<source lang="javascript"><br />
<script type="text/javascript"><br />
function loadpage(page_request, containerid){<br />
if (page_request.readyState == 4 && (page_request.status == 200 || window.location.href.indexOf("http") == -1)){<br />
document.getElementById(containerid).innerHTML = page_request.responseText;<br />
}<br />
}<br />
function ajaxpage(url, containerid){<br />
var page_request = false;<br />
if(window.XMLHttpRequest){<br />
page_request = new XMLHttpRequest()<br />
}else if(window.ActiveXObject){<br />
try{<br />
page_request = new ActiveXObject("Msxml2.XMLHTTP")<br />
}catch (e){<br />
try{<br />
page_request = new ActiveXObject("Microsoft.XMLHTTP")<br />
}catch (e){}<br />
}<br />
}else{<br />
return false;<br />
}<br />
page_request.onreadystatechange = function(){<br />
loadpage(page_request, containerid)<br />
}<br />
page_request.open('GET', url, true)<br />
page_request.send(null)<br />
}<br />
</script><br />
</source><br />
<br />
==How==<br />
It creates a new request .. updating the div id we provide with the content received from the request ... NEAT !<br />
<br />
==Example==<br />
Assuming we have another file named blahblah.html containing "TADAAA" .. you should see the div updating to TADAAAA ...<br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
</source><br />
<source lang="javascript"><br />
<script type="text/javascript"><br />
function loadpage(page_request, containerid){<br />
if (page_request.readyState == 4 && (page_request.status == 200 || window.location.href.indexOf("http") == -1)){<br />
document.getElementById(containerid).innerHTML = page_request.responseText;<br />
}<br />
}<br />
function ajaxpage(url, containerid){<br />
var page_request = false;<br />
if(window.XMLHttpRequest){<br />
page_request = new XMLHttpRequest()<br />
}else if(window.ActiveXObject){<br />
try{<br />
page_request = new ActiveXObject("Msxml2.XMLHTTP")<br />
}catch (e){<br />
try{<br />
page_request = new ActiveXObject("Microsoft.XMLHTTP")<br />
}catch (e){}<br />
}<br />
}else{<br />
return false;<br />
}<br />
page_request.onreadystatechange = function(){<br />
loadpage(page_request, containerid)<br />
}<br />
page_request.open('GET', url, true)<br />
page_request.send(null)<br />
}<br />
</script><br />
</source><br />
<source lang="html4strict"><br />
</head><br />
<body><br />
<div id="updatethis">Feel free to leave this empty</div><br />
<a href="#" onclick="ajaxpage('blahblah.html', 'updatethis');">Update the div...</a><br />
</body><br />
</html><br />
</source><br />
<br />
[[Category:JavaScript]]</div>
Admin