html Modular?

meagain · #1 (**permalink**) 09/01/2011, 15:23

Hola a todos!

Estoy desarrollando una web en html y me encuentro que tengo varias partes de mis páginas que son las mismas y me pregunto si hay alguna manera de tener ese código por separado y solo mandarlos llamar cada que se cargue la cada página

Espero su ayuda y que me haya explicado.

caricatos · #2 (**permalink**) 09/01/2011, 15:53

Hola:

Si dispones de algún lenguaje en tu servidor, podrías usar includes (en php yo los uso bastante)

Saludos

Kanashin · #3 (**permalink**) 09/01/2011, 18:31

Podría hacer una función javascript que insertara ese código.

Sería tan fácil como hacer una función con la instrucción document.write('Texto que quieras insertar') y luego llamar la función cuando la necesite.

Evidentemente, en lugar de 'Texto que quieras insertar' puede poner una variable para modificarla más comodamente, y esta variable puede tener etiquetas HTML.

Saludos.

meagain · #4 (**permalink**) 09/01/2011, 21:33

Perfecto! muchas gracias por las respuestas,

Voy a intentar con las dos maneras ..¿Cuál creen que sea la mejor?

Saludos!

_Adrian_ · #5 (**permalink**) 09/01/2011, 21:59

La de PHP (u otro lenguaje del lado del servidor) es mejor porque también funciona si el usuario tiene JavaScript desactivado, o si el navegador no soporta JavaScript.

Saludos

Kanashin · #6 (**permalink**) 10/01/2011, 06:56

Cita:

Iniciado por _Adrian_

La de PHP (u otro lenguaje del lado del servidor) es mejor porque también funciona si el usuario tiene JavaScript desactivado, o si el navegador no soporta JavaScript.

Saludos

Estoy de acuerdo, y además es más limipio usar PHP, pero quizás más sencillo usar javascript.

maycolalvarez · #7 (**permalink**) 10/01/2011, 08:52

Cita:

Iniciado por Kanashin

Estoy de acuerdo, y además es más limipio usar PHP, pero quizás más sencillo usar javascript.

definitivamente no, porque para que funcione correctamente se tendría que abrir y cerrar el html con document.open() y document.close(), es más eficiente usar innerHTML en las capas necesarias o modificar directamente el DOM, pero de igual forma para cargar ese contenido desde otros archivos supone el uso de AJAX y eso incrementa el numero de peticiones HTTP y compromete el rendimiento de la pagina y servidor.

el uso de scripts del lado del servidor es la mejor solución (php, asp, jsp, u otros) y no requiere de peticiones extra, sin embargo también existe SSI para implementarlo sin necesidad de tales scripts

Kanashin · #8 (**permalink**) 10/01/2011, 13:10

Cita:

Iniciado por maycolalvarez

definitivamente no, porque para que funcione correctamente se tendría que abrir y cerrar el html con document.open() y document.close(), es más eficiente usar innerHTML en las capas necesarias o modificar directamente el DOM, pero de igual forma para cargar ese contenido desde otros archivos supone el uso de AJAX y eso incrementa el numero de peticiones HTTP y compromete el rendimiento de la pagina y servidor.

el uso de scripts del lado del servidor es la mejor solución (php, asp, jsp, u otros) y no requiere de peticiones extra, sin embargo también existe SSI para implementarlo sin necesidad de tales scripts

Completamente de acuerdo, aunque no entiendo el porqué del citado de mi comentario ni el "definitivamente no". Evidentemente es mucho mejor opción usar PHP en su caso, pero si no domina el lenguaje, para salir del apuro es muy fácil implementar una función javascript.

Un saludo.

meagain · #9 (**permalink**) 10/01/2011, 21:22

Ok, Muchas gracias a todos por su apoyo, leí cada una de sus comentarios, me voy más por el uso de php.

Lo que estoy haciendo es poner en mi página html la siguiente sentencia

Código PHP:

Ver original<?php include("source/head.html"); ?>

Pero no funciona, alguna sugerencia?

Mi servidor si tiene php instalado

Saludos y gracias!

_Adrian_ · #10 (**permalink**) 10/01/2011, 21:28

Estás seguro de que la ruta es correcta?

meagain · #11 (**permalink**) 10/01/2011, 21:36

Acabo de descubrir que no funciona una parte, pues si entra al archivo y pone el título a la página, pero no toma ni el js ni la css

Lo que tengo en mi "head.html" es por ejemplo

Código HTML:

Ver original<head>
<title>Home</title>
    <script src="js/script.js" type="text/javascript"></script>
 
    <link rel="stylesheet" type="text/css" href="css/general.css" media="screen" />
</head>

¿Crees que tenga que ver con problemas de rutas?

Tengo mi archivo index.html y las carpetas js y css en el mismo directorio..

_Adrian_ · #12 (**permalink**) 10/01/2011, 21:42

¿Tienes las carpetas js y css en el mismo directorio que head.html ?

Intenta poner así:
../js/script.js
../css/general.css

.. es el directorio padre, así encuentra las carpetas sin necesidad de ser en la misma carpeta que head.html

meagain · #13 (**permalink**) 10/01/2011, 21:54

Cita:

Iniciado por _Adrian_

Intenta poner así:
../js/script.js
../css/general.css

.. es el directorio padre, así encuentra las carpetas sin necesidad de ser en la misma carpeta que head.html

Listo!
Si era problema de rutas

Muchas gracias por la ayuda a todos!! :D Gracias _Adrian_