-
Cómo abrir una ventana de tamaño pequeño con onClick
-
La función de JavaScript onclick hace que sea sencillo para los diseñadores y desarrolladores web para poner en marcha nuevas ventanas del navegador cuando el usuario haga clic en un cierto elemento HTML, como un enlace, un botón de formulario o en cualquier parte del cuerpo de una página. La implementación de la función es un proceso sencillo, que requiere sólo una línea de código y el ajuste de unos parámetros de visualización.
Instrucciones
1 Cargar el código HTML de su página web. Si está utilizando un programa de diseño visual web como Microsoft FrontPage o Dreamweaver de Adobe, cambiar de Vista Diseño para la vista de código para ver el código HTML que controla el contenido de la página y el diseño. Si está utilizando un editor de texto, basta con abrir la página web que desea editar.
2 Insertar la función onClick. La función onClick simplemente se puede añadir al final de una etiqueta de apertura HTML. Por ejemplo, para cargar una ventana de pequeño tamaño cuando el usuario hace clic en cualquier lugar de la página, cambiar la norma <body> con lo siguiente:
<Body onclick = "window.open ( 'pagina.html', 'ventananueva', 'width = 400, height = 250, barra de herramientas = sí, barra de menú = sí, la ubicación = sí, estado = sí, barras de desplazamiento = Sí"); ">
Para implementar esta funcionalidad con un enlace o una imagen, basta con utilizar el <a> o etiqueta <img> en lugar de <body>.
3 Ajustar los parámetros de la ventana. El código proporcionado en el paso anterior abre una ventana que contiene un archivo llamado "pagina.html", con un ancho de 400 píxeles y una altura de 250 píxeles. La nueva ventana incluye la barra de herramientas, barra de menú, barra de direcciones, barra de estado y barras de desplazamiento contenida en las típicas ventanas del navegador. Todos estos parámetros se pueden cambiar para adaptarse a sus necesidades. Sustituto "pagina.html" con el nombre de la página que desea cargar y configurar el ancho y la altura deseada. Convertir sus barras de navegación deseadas o desactivar mediante el uso de los "no" valores "sí" y, respectivamente.
4 Guardar y vista previa de la página haciendo clic en "Archivo" en el menú en la parte superior de la pantalla y seleccionar "Guardar". Abra la página que acaba de editar en su navegador web. Haga clic en cualquier lugar de la pantalla y la función onClick se cargará una nueva ventana del navegador con los parámetros especificados en el paso anterior.
