Incluir html externo en un html

[Triphido]

Necesito saber si en Javascript existe alguna función a la que, proporcionándole una URL devuelva el HTML que contiene. Simplemente eso.

Lo necesito para incrustar en varias paginas web de un mismo sitio un menú que defino en un fichero aparte, y así no tener que copiar el código de dicho menú en cada una de ellas. La función que busco solicitaría el HTML del menú, su resultado lo llevaría a un método document.write y tendría el problema resuelto.

¿Que se os ocurre? Muchas gracias!

[4ng3r]

y Por que no usa Frames ??

[Triphido]

Para que este menú sea parte de la página y se presente con el estilo css que le asigno a esta última. De este modo el menú no tiene por qué ser una página web completa sólo un simple texto con <ul>'s y <li>'s

[_cronos2]

Hazlo con PHP y require/include.
Saludos (:

[stramin]

si usas PHP es mas facil:

Código PHP:

include("menu.html");
 

[Triphido]

mmmh! Lástima.
Es buena idea pero mi servicio de hosting no tiene php (por lo menos gratuito). Me sorprende que javascript, con todo lo que puede hacer no tenga una función o similar para hacer esto.

[stramin]

la verdad es que si la tiene, pero es mas larga, usando innerHTML puedes agregar HTML pero tendrías que cargar la pagina del menú, una buena idea es que pongas el HTML del menú en una pagina .js como una variable, llames a esa pagina desde tu sitio y uses la variable algo así:

areademenu.innerHTML=var_menu;

si no se entiende dime y te pongo el código completo :)

[javiercitox]

Iniciado por stramin

la verdad es que si la tiene, pero es mas larga, usando innerHTML puedes agregar HTML pero tendrías que cargar la pagina del menú, una buena idea es que pongas el HTML del menú en una pagina .js como una variable, llames a esa pagina desde tu sitio y uses la variable algo así:

areademenu.innerHTML=var_menu;

si no se entiende dime y te pongo el código completo :)

exacto

[Triphido]

No me preocupa: ya me imaginaba que podría acabar utilizando innerHTML. No obstante sigo teniendo que obtener el html a incrustar de alguna manera...¿cual? (me refiero a llenar la variable var_menu de tu fuente)

Muchas gracias foreros

[stramin]

a ver, yo uso esta, no se si alguien tenga otra mejor:

Código Javascript:

function GET_HTML() {
    var LINK_xmlhttp = false;
 
    try { LINK_xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
    catch (e) { try { LINK_xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
    catch (e) { try { LINK_xmlhttp = new XMLHttpRequest(); }
    catch (e) { LINK_xmlhttp = false; }}}
    if (!LINK_xmlhttp) return null;
 
    LINK_xmlhttp.open("GET", 'menu.php', true);  // AQUI PONES LA URL DE LA PAGINA DEL MENU
    LINK_xmlhttp.onreadystatechange = function() {
        if (LINK_xmlhttp.readyState == 4) {
            areademenu.innerHTML = LINK_xmlhttp.responseText + ' '; // AQUI DEFINES EL AREA DONDE VA EL MENU
        }
    }
    LINK_xmlhttp.send(null);
    return false;
}
 

Espero que te sirva, si te resulta, felicitaciones! has aprendido lo básico de AJAX :)

[Triphido]

Muchas gracias!!!
Lo probaré cuando tenga los fuentes delante y os cuento.