Tiene razón, primero no te entendí, pero tmb lo puedes hacer con ajax
Tu repro lo puedes poner en un documento php, asi desde <a></a> lo llamas ;D y este se carga :O ¬¬
Código HTML:
<a href="javascript:ajax('carpeta/documentophp');">Documento, no hace falta.php ya que en la variable url lo pusistes el formato.</a><br>
// Todo esto carga en
<div id="genero">
Código PHP:
// Todo esto esto va en ajax.js, ahora desde html o php o asp colocas el div para que ahi pueda cargar ;D
function get_ajax(url,capa,metodo){
var ajax=creaAjax();
var capaContenedora = document.getElementById(capa);
if (metodo.toUpperCase()=='GET'){
ajax.open ('GET', url, true);
ajax.onreadystatechange = function() {
if (ajax.readyState==1)
{
var load_="<br><br><br><br><br><center><br><img src=\"http://www.travelcar.es/travelcar/images07/cargando.gif\" /><br><b>Cargando Contenido ...</b></center><br><br><br>";
capaContenedora.innerHTML=load_; }
else if (ajax.readyState==4){
if(ajax.status==200){
document.getElementById(capa).innerHTML=ajax.responseText;
}
else if(ajax.status==404)
{
capaContenedora.innerHTML = "<center><h2><b>ERROR 404</b></h2>LA PAGINA NO EXISTE</center>";
}
else
{
capaContenedora.innerHTML = "Error: ".ajax.status; }
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send(null);
return
}
}
function creaAjax(){
var objetoAjax=false;
try{objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");}
catch(e){try {objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");}
catch (E){objetoAjax = false;}}
if(!objetoAjax && typeof XMLHttpRequest!='undefined') {
objetoAjax = new XMLHttpRequest();} return objetoAjax;
}
function ajax(contenido){
var url=''+ contenido +'.php';
var capa='genero';
var metodo='get';
get_ajax(url,capa,metodo);
}
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function pedirDatos(fuenteDatos, url){
document.getElementById(url).innerHTML = '<br><center><img src=http://www.travelcar.es/travelcar/images07/cargando.gif><br><br><b><font size="1" face="Tahoma">Buscando Video!<br>Espera...</font></b></center>';
if(XMLHttpRequestObject) {
var obj = document.getElementById(url);
XMLHttpRequestObject.open("GET", fuenteDatos);
XMLHttpRequestObject.onreadystatechange = function(){
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}