ESPAÑOL: ¡Bienvenido! Es la página inicial de OSIRIS LMS. Regístrese hoy mismo y obtenga acceso a todos nuestros CURSOS GRATUITOS. Clic aquí para registrarse ya. Hemos desarrollado una amplia gamma de cursos “online” (Programación, Multimedia, 3D, Habilidades suaves, etc.), disponibles 24X7. Para más detalle consulte la lista de Cursos Disponibles. Si tiene problemas con el acceso a la plataforma, vea el Tour Virtual de Osiris LMS. También puede consultar la sección de FAQ’s o enviar Solicitud de Soporte Técnico.

ForoForo de discusión
¿Cómo con un solo cambio modificar múltiples páginas?
Buscador:
Foro > JavaScript > ¿Cómo con un solo cambio modificar múltiples páginas?

Enviado por: Texto del mensaje
Support Osiris LMS 
Nivel : Jefe de Administradores
Mensajes : 114
> Perfil
Escrito el : Lunes 31-05-2010 A las : 16:01 ( > un mes )
Asunto : ¿Cómo con un solo cambio modificar múltiples páginas?
Problema

En muchas ocasiones queremos realizar un determinado cambio en nuestra web que afecta a un gran número de páginas, una tarea que puede resultar bastante ardua si no contamos con herramientas adecuadas. Y aún contando con estas herramientas tras hacer los cambios debemos volcar todas las páginas modificadas a nuestro servidor. Un ejemplo típico se produce cuando queremos modificar una barra de navegación (menú), barra que se muestra en todas las páginas de nuestra web: cuando queremos agregar una nueva opción nos encontramos con la necesidad de modificar un gran número de páginas

Solución

Podemos ahorrarnos trabajo de una forma muy simple: utilizar un archivo javascript enlazado en todas las páginas, este archivo contendrá el código para generar esa parte de nuestra página que podemos necesitar modificar en alguna ocasión. De esta forma para realizar un cambio en nuestras páginas bastará modificar el archivo javascript y sólo será necesario volcar este archivo modificado al servidor.

Caso práctico

Como aplicación práctica seguimos con el ejemplo de la barra de navegación. En nuestro archivo js, al que llamaremos barranavegacion.js, colocamos un código que genere la barra de navegación, construida para este ejemplo mediante una sencilla tabla con cinco opciones

function dibujaBarra( )

{

document.write("<table><tr><td>opción1</td>");

document.write("<td>opción2</td>");

document.write("<td>opción3</td>");

document.write("<td>opción4</td>");

document.write("<td>opción5</td></tr></table>");

}

Dentro de nuestras páginas colocamos un elemento <script> que llame a esta función en el lugar de la sección body donde queremos que aparezca la barra de navegación:

<script>

dibujaBarra( )

</script>

Por supuesto en la sección HEAD de la página habremos colocado el script enlazado a nuestro archivo conteniendo la función dibujaBarra()

<script src ="/barranavegacion.js"></script>

Es conveniente que para el argumento src utilices una dirección absoluta, para que sea accesible desde todas las páginas. En este ejemplo la barra invertida indica el directorio raíz del sitio web.
Soporte de Osiris LMS
Amplía tus conocimientos en línea