Importante: Cómo realizar includes

serg_prog · #1 (**permalink**) 25/09/2011, 04:21

Hola, quisiera que un menú de una página, se mostrara en todas, y que para modificarlo, solo modifique una archivo y el resto se auto-actualice a ese menú, por lo que pienso que hay que dividir el código, y en este foro me contestaron: Una vez separado (El código HTML), hay que realizar un include del lado del servidor, pero esto no sé que es, no sé como se realiza ese "include" :S, agradecería mucho la ayuda de cómo se hace lo que deseo hacer. (Detalles de mi servidor: Reconoce HTML, CSS, JavaScript..., NO reconoce: PHP, MySQL..)
Muchísimas gracias por adelantado ;).

IsaBelM · #2 (**permalink**) 25/09/2011, 04:51

lo primero que tendrías que hacer saber que lenguaje del servidor admite. en caso que no admita ninguno, cambia de servidor. hay muchos servidores gratuitos que admiten lenguajes del servidor y mysql, por ejemplo zobyhost. en caso que no quieras cambiar de servidor, es posible hacerlo con javascript. aunque no es la manera mas conveniente

tunait · #3 (**permalink**) 25/09/2011, 06:29

Cita:

Iniciado por serg_prog

NO reconoce: PHP, MySQL..)

averigua si acepta SSI al menos http://www.forosdelweb.com/f4/faqs-h...r=2#post343090

emprear · #4 (**permalink**) 25/09/2011, 08:16

Podés hacerlo incluso con javascript solamente

Primero creas tu html que va a ser comun a tus páginas, un menu por ejemplo

<ul>
<li><a href="pag1.html">1</a></li>
<li><a href="pag2.html">2</a></li>
</ul>

Ahora necesitas convertir eso en una función de javascript, hay varias formas de hacerlo, lo más practico es que uses un convertidor en línea.
Te quedaría algo así

Código Javascript:

Ver originalvar menu="";
menu += "<ul>";
menu += "<li><a href=\"pag1.html\">1<\/a><\/li>";
menu += "<li><a href=\"pag2.html\">2<\/a><\/li>";
menu += "<li><a href=\"pag3.html\">3<\/a><\/li>";
menu += "<\/ul>";

Para simplificar la inserción del menu, creamos una función a partir de ese código

Código Javascript:

Ver originalfunction menu(){
// esto es el codigo del menu
var menu="";
menu += "<ul>";
menu += "<li><a href=\"pag1.html\">1<\/a><\/li>";
menu += "<li><a href=\"pag2.html\">2<\/a><\/li>";
menu += "<li><a href=\"pag3.html\">3<\/a><\/li>";
menu += "<\/ul>";
 
//escribis el menu
document.writeln(menu);
}

guardas eso como menu.js.
Ahora en todos los html en que querés que aparezca el menu, en el head vinculas a la script que contiene la función

Código HTML:

Ver original<head>
<script type="text/javascript" src="menu.js"></script>
</head>

finalmente, en la parte de la página que quieras aparezca el menu, llamas a la función

Código HTML:

Ver original<div>
<script type="text/javascript">menu();</script>
</div>

Te dejo un link al generador de html a js.
http://foros.emprear.com/html-js/html_a_js.html
Siguiendo con el ejemplo, fijate que yo usé la tercera opción, creando una variable
Saludos

luisgzafra · #5 (**permalink**) 25/09/2011, 09:46

La solución está en jquery, como un link vale más que mil palabras, aquí está: http://api.jquery.com/load/

Importante: solo acepta scripts bajo la misma url, desde example.com no podrás cargar de example.net y se ejecuta de lado al cliente.