con ajax, creas un div, en tu caso el centro de la pagina, y ahi vas cargando lo que quieras
Código Javascript
:
Ver originalfunction AjaxgetFileGET(url) {
if (window.XMLHttpRequest) {
AJAX=new XMLHttpRequest();
} else {
AJAX=new ActiveXObject("Microsoft.XMLHTTP");
}
if (AJAX) {
AJAX.open("GET", url, false);
AJAX.send(null);
return AJAX.responseText;
} else {
return false;
}
}
function AjaxgetFileGETajax(url,capa) {
//alert('script');
if (window.XMLHttpRequest) {
AJAX=new XMLHttpRequest();
} else {
AJAX=new ActiveXObject("Microsoft.XMLHTTP");
}
if (AJAX) {
AJAX.open("GET", url, true);
AJAX.onreadystatechange=function() {
if (AJAX.readyState==4) {
if(AJAX.status==200)
{
capa.innerHTML = AJAX.responseText;
parseScript(AJAX.responseText);}
else if(AJAX.status==404)
{
capa.innerHTML = "La pagina solicitada no se encuentra disponible.<br>";
}
else
{
capa.innerHTML = "Error: "+AJAX.status+"<br>";
}
}
}
AJAX.send(null);
} else {
return false;
}
}
function parseScript(_source) {
var source = _source;
var scripts = new Array();
// Strip out tags
while(source.indexOf("<script") > -1 || source.indexOf("</script") > -1) {
var s = source.indexOf("<script");
var s_e = source.indexOf(">", s);
var e = source.indexOf("</script", s);
var e_e = source.indexOf(">", e);
// Add to scripts array
scripts.push(source.substring(s_e+1, e));
// Strip from source
source = source.substring(0, s) + source.substring(e_e+1);
}
// Loop through every script collected and eval it
for(var i=0; i<scripts.length; i++) {
try {
eval(scripts[i]);
}
catch(ex) {
// do what you want here when a script fails
}
}
// Return the cleaned source
return source;
}
y en los botones, por ejemplo:
Código HTML:
Ver original<a href="#" onclick="AjaxgetFileGETajax(PAGINA.php',document.getElementById(NOMBRE_DEL_DIV));">