Sorry but I need some help. I'm right now using this code
<html><head><style type="text/css">#leftcolumn{float:left;width:150px;height: 400px;border: 3px solid black;padding: 5px;padding-left: 8px;}#leftcolumn a{padding: 3px 1px;display: block;width: 100%;text-decoration: none;font-weight: bold;border-bottom: 1px solid gray;}#leftcolumn a:hover{background-color: #FFFF80;}#rightcolumn{float:left;width:550px;min-height: 400px;border: 3px solid black;margin-left: 10px;padding: 5px;padding-bottom: 8px;}* html #rightcolumn{ /*IE only style*/height: 400px;}</style><script type="text/javascript">var bustcachevar=1 var loadedobjects=""var rootdomain="http://"+window.location.hostnamevar bustcacheparameter=""function ajaxpage(url, containerid){var page_request = falseif (window.XMLHttpRequest) page_request = new XMLHttpRequest()else if (window.ActiveXObject){ try {page_request = new ActiveXObject("Msxml2.XMLHTTP")}catch (e){try{page_request = new ActiveXObject("Microsoft.XMLHTTP")}catch (e){}}}elsereturn falsepage_request.onreadystatechange=function(){loadpage(page_request, containerid)}if (bustcachevar) //if bust caching of external pagebustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()page_request.open('GET', url+bustcacheparameter, 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)returnfor (i=0; i<arguments.length; i++){var file=arguments[i]var fileref=""if (loadedobjects.indexOf(file)==-1){ if (file.indexOf(".js")!=-1){ //If object is a js filefileref=document.createElement('script')fileref.setAttribute("type","text/javascript");fileref.setAttribute("src", file);}else if (file.indexOf(".css")!=-1){ //If object is a css filefileref=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}}}</script></head><body><div id="leftcolumn"><a href="java script:ajaxpage('codes.php?code=arcadex', 'rightcolumn');">Arcade X</a><a href="java script:ajaxpage('codes.php?code=articlex', 'rightcolumn');">Article X</a><a href="java script:ajaxpage('codes.php?code=blogx', 'rightcolumn');">Blog X</a></div><div id="rightcolumn"><h3>Choose a code to load.</h3></div><div style="clear: left; margin-bottom: 1em"></div></body></html>
How could I addapt that into a layout, so that when someone hits a button on the side menu it shows the page without refreshing?
