-
Cómo crear un pop-up página
-
Una página emergente, también conocido como una ventana emergente, se abre desde otra página web dentro de un navegador web. Puede añadir los códigos de JavaScript para el código HTML para crear la página emergente. El JavaScript indica al navegador cuándo y cómo el pop-up debe abrir y mostrar. Usted puede elegir entre abrir la página en un área específica de la pantalla y con un tamaño específico. También puede ocultar o mostrar sus barras de desplazamiento, barras de menú / o de estado, ubicación y evitar que otros redimensionando su ventana.Instrucciones
La creación de una página de elementos emergentes
1 Abra el archivo HTML de la página web, desde la que se abrirá la página emergente, en un editor de texto.
2 Agregue el siguiente código en la etiqueta <HEAD> (para crear un enlace emergente que se agrega dentro de la función):
<Script language = "javascript" type = "text / javascript">
PopUpPage función () {
window.open('http://www.somedomain.com','Window','height=200,width=300,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,status=yes');
}
</ Script>3 Vuelva a colocar los atributos, tales como la altura y anchura, con los ajustes que desea que su página emergente a tener. Para cambiar la zona donde aparece la ventana emergente, cambiar la tapa izquierda y los números. Para ocultar la barra, el cambio "sí" a "no" barras de desplazamiento, barras de herramientas, barra de menú y el estado dentro del código. Para evitar que la gente cambiar el tamaño de la ventana, cambiar "de tamaño variable" de "sí" a "no".
4 Agregue el siguiente código en la etiqueta <BODY> para el enlace real de la página emergente:
<a href="javascript:PopUpPage()"> Enlace en Emergente Página </a>5 Seleccione "Archivo" y "Guardar" para guardar el archivo HTML con la página emergente.
Creación de páginas pop-up múltiples
6 Abra el archivo HTML que se añadirán las páginas pop-up.
7 Agregue el siguiente código en la etiqueta <HEAD> (para crear una función para una página emergente genérica, que va a llamar a la acción de la etiqueta <BODY>):
<Script language = "javascript" type = "text / javascript">
<! -
función POP (nombreenlace, windowname)
{
si (window.focus!) return true;
href var;
si (typeof (nombreenlace) == 'cadena')
href = nombreenlace;
más
href = linkname.href;
window.open (href, windowname, 'height=200,width=300,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,status=yes');
falso retorno;
}
// ->
</ Script>8 Agregue el siguiente código en la etiqueta <BODY> para crear múltiples páginas pop-up. En este caso, "onclick" devolverá su enlace (s) a la función, por lo que no tendrá que crear una función separada para cada ventana emergente.
<a href="http://firstdomainname.com" onclick="return popup(this,'pagename1')"> Página 1 de ventana emergente </a> <br />
<a href="http://seconddomainname.com" onclick="return popup(this,'pagename2')"> Página 2 de ventana emergente </a> <br />9 Modificar "http://firstdomainname.com" y "http://seconddomainname.com" con sus enlaces reales y el cambio "pagename1" y "pagename2" a los nombres de sus páginas pop-up.
10 Seleccione "Archivo" y "Guardar" de la barra de herramientas para guardar su trabajo.
Consejos y advertencias
- Se puede utilizar un generador emergente JavaScript para crear el código para su ventana pop-up también.
- La ventana emergente JavaScript no funcionará si JavaScript está desactivado en el navegador web del usuario.
- De acuerdo con el Código HTML Tutorial: "Cada ventana emergente debe tener su propio nombre único" y debe "Asegúrese de poner el nombre entre comillas simples ( '')."
- Si está utilizando la segunda opción, iniciar el comando "clic" con un retorno.
