-
Cómo mostrar una nueva ventana Javascript Con Dimensiones
-
Las ventanas emergentes muestran páginas Web en las pequeñas ventanas del navegador a menudo limitados en tamaño y funcionalidad. A pesar de estar de moda en el diseño web moderno, ventanas emergentes todavía tienen su utilidad en una variedad de contextos, tales como la apertura de un reproductor de audio para que el visitante pueda continuar navegando por el sitio mientras se escucha música. El método "window.open" en JavaScript crea ventanas emergentes que se cargan las páginas web existentes. Puede controlar las dimensiones de la ventana emergente mediante el establecimiento de una anchura y altura dentro de ese método.
Instrucciones
1 Abra la página Web en la que desea añadir la ventana emergente en el Bloc de notas o un editor de código. Localizar "<script>" etiquetas, ya sea en el código de la cabecera o pie de página:
<Script type = "text / javascript>
// Código JavaScript va en aquí
</ Script>
Añadir "<script>" etiquetas con el atributo "tipo" ajustado a "text / javascript" si su página no contiene ya ellos. Ponerlos entre los "<head>" etiquetas o en la línea por encima del cierre "</ body>" etiqueta.
2 Comenzar a escribir una nueva función entre los "<script>" etiquetas:
popupWindow función () {
}
3 Use "window.open" para crear su emergente. Especificar la página Web que desea abrir en la ventana y darle un nombre. Añadir la anchura y la altura entre un único par de comillas dobles con una coma que los separa:
popupWindow función () {
window.open ( "http://somedomain.com/page.html","newpage","width=400,height=300");
}
Todos los valores que dan la ventana emergente, tales como barras de desplazamiento o la barra de direcciones, van entre el mismo par de comillas.
4 Añadir un enlace en alguna parte del cuerpo de su página Web. Establecer el atributo "onclick" a su función de JavaScript:
<a href="http://somedomain.com/page.html" onclick="javascript: popupwindow(); volver false;"> Click Me </a>
Establecer el atributo "href" a la página Web de la ventana emergente se abrirá. La adición de "return false" después de la función mantendrá la ventana principal de ir a la página nueva, pero cuando el usuario desactiva JavaScript, el enlace basta con cargar en la ventana principal.
Consejos y advertencias
- Agregue el código "onload" para la apertura "<body>" etiqueta en lugar de un enlace para hacer la ventana emergente abierta cada vez que un visitante carga la página Web.
- Utilice las ventanas emergentes con moderación. El más complicado se convierte en una ventana emergente, más probable es que se necesitan para crear un código diferente para diferentes navegadores para mostrar correctamente. Los usuarios también bloquean ventanas emergentes, ventanas emergentes y algunas versiones de Internet Explorer de forma automática abiertas en pestañas en lugar de ventanas nuevas como una configuración por defecto.
