ARTICULOS

Ventana a pantalla completa

Autor: Fabian Muller (http://www.webexperto.com) - 24/01/2003

Muchos de nuestros usuarios nos consultaron cómo abrir una página o sitio en pantalla completa, he aquí el código JavaScript para realizarlo.

Abrirla mediante un enlace

<HTML>
<HEAD>
<TITLE>Pantalla completa</TITLE>
<script language="JavaScript">
function pantallacompleta (pagina)
{
var opciones=("toolbar=no,location=no, directories=no, status=no, menubar=no ,scrollbars=no, resizable=no, fullscreen=yes");
window.open(pagina,"",opciones);
}
</script>
</HEAD>
<BODY>
<a href="javascript:pantallacompleta('http://www.webexperto.com')">Ver en pantalla completa</a>
</BODY>
</HTML>

Abrirla al iniciarse una página

<HTML>
<HEAD>
<TITLE>Pantalla completa</TITLE>
<script language="JavaScript">
function pantallacompleta (pagina)
{
var opciones=("toolbar=no, location=no, directories=no, status=no, menubar=no ,scrollbars=no, resizable=no, fullscreen=yes");
window.open(pagina,"",opciones);
}
</script>
</HEAD>
<BODY OnLoad="javascript:pantallacompleta('http://www.webexperto.com')">
</BODY>
</HTML>

Es conveniente ubicar un botón en la página completa para cerrar la ventana en caso de que el usuario quiera salir:

<a href="javascript:close()">Cerrar ventana</a>

Si no lo hacemos, el visitante tendrá que salir por sus propios medios presionando las teclas ALT + F4.

Ejemplo: Ver página en pantalla completa

 

Más artículos sobre Java Script

1. Mostrar cantidad de días online
2. ¿Cómo utilizar los archivos .js de JavaScript?
3. Efecto nieve
4. Ejecutar código PHP o ASP
5. Validar formularios con Dreamweaver
6. Deshabilitar el botón derecho del mouse
7. Listas dependientes
8. Efectos en imágenes pegadas a un link de texto
9. Estela en el puntero del mouse
10. Un reloj digital en JavaScript
Más artículos...

Otros artículos...

PHP Generación dinámica de imágenes
ASP Agregar, eliminar y modificar datos a una BD
Bases de Datos Exportar datos de MySQL a Access
PHP Huevos de Pascua en PHP
HTML Personalizar el icono de favoritos
XML Introducción al XML
Hojas de Estilo Modelo de cajas
Hojas de Estilo Formularios basados en retículas CSS
PHP Una imagen para cada día de la semana
Bases de Datos Realizando consultas utilizando SELECT
Más artículos...