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 hacer que una página se autoconstruya?
Buscador:
Foro > JavaScript > ¿Cómo hacer que una página se autoconstruya?

Enviado por: Texto del mensaje
Support Osiris LMS 
Nivel : Jefe de Administradores
Mensajes : 114
> Perfil
Escrito el : Lunes 31-05-2010 A las : 17:29 ( > un mes )
Asunto : ¿Cómo hacer que una página se autoconstruya?
Problema

El uso de guiones o programas en una página web puede servir para construir partes de la página o incluso toda ella: desde la etiqueta <html> hasta la etiqueta </html>. Esto puede ser útil cuando el contenido de una página no es fijo sino que depende de unas condiciones concretas. Por ejemplo en una página dedicada a fotografías podemos dar al usuario la opción de elegir la imagen que quiera ver y luego construir una nueva ventana con esa imagen y los datos relativos a ella.

Solución

La forma para lograr una página total o parcialmente construida es el método write del objeto document. Este método nos permite incluir una cadena de texto en la página web mientras se está descargando en el ordenador del visitante. Esta cadena de texto puede contener todas las etiquetas propias del HTML, tan sólo es necesario cuidar el asunto de las comillas, para asegurarnos de que éstas no causan errores, lo más seguro es precederlas del carácter \ (barra invertida). Y si dentro de la cadena se incluye código script procurar que el texto </script> no aparezca todo seguido para evitar que el explorador interprete como fin de script. El método document.write puede actuar sobre la ventana en la que se encuentra el script o bien sobre una ventana creada con window.open, en este caso en lugar de document.write debemos escribir ventana.document.write(), donde ventana es el objeto window devuelto por el método window.open()

Caso práctico

En este ejemplo se va a usar el método document.write para generar una página completa que incluye un script. La página obtenida contiene una imagen y un enlace con un rollover:

function rellenaPagina()

{

document.write('<html><head>');

document.write('<title>Página autoconstruida</title>');

document.write('<script>')

document.write('function cambia(obj, c){obj.style.color = c}');

document.write('</s'+'cript></head>')

document.write('<body bgcolor="#FFFFFF" text="#000000">'+

'<img src="../euro.gif" width="40" height="40">'+

'<a href="../acceso.htm"+

'mouseout="cambia(this, \'blue\')">Más'+

'información >>></a>')

document.write('</body></html>')

}

Como ves cuando aparecen comillas anidadas se usa el carácter \ (barra invertida) para evitar que Javascript alcance el fin de la cadena antes de tiempo. Observa también como la etiqueta </script> aparece rota evitando que el explorador la lea como si fuera el fin del script. Para poner en funcionamiento esta función basta con colocar un script que la llame en el cuerpo de la página:

<body>

<script>

rellenaPágina()

</script>
Soporte de Osiris LMS
Amplía tus conocimientos en línea