Mismo MENU para toda mi web

Snowball · #1 (**permalink**) 23/09/2011, 10:30

Buenos días, tardes, noches, lo que sea...

Estoy en un pequeño problema .. realice una página web puramente en html ... a dicha página, a

medida que incrementaba lentamente mis conocimientos le agregue un menú con css, flash, javascript, etc ..

Y ahora mi problemita es el siguiente ..

El menú en aquellas épocas me tome el trabajo de insertarlo en cada página, y ahora que hay muchas

páginas quisiera saber si es posible crear un único menú y simplemente hacer una llamada en cada página

donde quiera mostrarlo así modificando el menú este se modifique en todas las páginas a la vez ...

El menú está realizado en html y css (el css lo llamo desde otro archivo).

Saludos y gracias !.

serg_prog · #2 (**permalink**) 23/09/2011, 10:44

Hola, he estado pensando, ya que tengo en mismo problema y e pensad que igual que se llama al CSS, llamar al html, por lo que si modificar el documento html al que llamas, la modificación surge en todas la páginas, el problema es que no sé como hacer qué hacer para llamar a ese HTML, de ahí mi pregunta reciente también en este foro: http://www.forosdelweb.com/f4/importante-mostrar-pagina-inicial-codigo-que-encuentra-otra-946530/#post3995228
Espero que te halla servido algo esa info y que nos ayuden xD, un saludo.

seocusco · #3 (**permalink**) 23/09/2011, 14:06

Eso no es posible solamente con HTML y CSS, necesitas usar algun lenguaje de servidor como PHP o ASP

emprear · #4 (**permalink**) 23/09/2011, 15:50

Perfectamente se puede hacer o con SSI o simplemente con javascript, no es indispensable hacerlo con php, asp, aunque si sería lo más sencillo de instrumentar

Ejemplo con ssi

tu menu es menu.html y supongamos está en la raiz

en las páginas, con extensión .shtml

<html>
<head>
</head>
<body>

</body>
</html>
Para saber si tenés habilitado o como habilitar SSI, consultá al administrador de tu hosting

Con javascript

tu archivo con el menu, menu.js

Código Javascript:

Ver originalvar menu="";
menu += "<a href=\"linkuno.html\">link uno<\/a><br \/>";
menu += "<a href=\"linkdos.html\">link dos<\/a>";
 
document.write(menu);

En tu html

Código HTML:

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

Y por supuesto para evitar errores, todas las rutas de tu menu, que sean absolutas respecto de la raiz de tu web, es decir que inicien en /

Saludos

Saludos

lgga · #5 (**permalink**) 23/09/2011, 22:57

Crea una web modular, prácticamente lo que es wordpress.

Necesitas:

header.html..............php, asp, como quieras.
contenido.html
footer.html
index.php

en el index manda llamar a los otros 3 archivos con <?php include ("header.html");?> por ejemplo.

el header y el footer siempre serán los mismos, sólo tendrás que actualizar el archivo que estará en el lugar de contenido.html, cuando agregues un nuevo item al menú, debes crear su respectivo archivo.

Busca más sobre las web modulares.

Suerte.

Snowball · #6 (**permalink**) 27/09/2011, 13:17

Bueno gracias por sus respuestas. Estuve analizando e implementando las técnicas que me han propuesto

aunque debo confesar que me ha llevado algo de trabajo, cualquier otra duda les haré saber.