"¿Cómo crear una ventana emergente?" Esta es una pregunta que suelen hacer los principiantes en Dreamweaver. ¡Simplemente busque un sitio web que proporcione efectos especiales o descargue una herramienta de efectos especiales y pegue el código! No es fácil todavía. De hecho, la forma más sencilla es utilizar nuestro Dreamweaver más utilizado. Se puede completar una ventana emergente normal con sólo unos pocos clics. ¿No lo crees? ¡Ven y mira! Simplemente siga los siguientes pasos y podrá crear fácilmente un efecto de ventana emergente.
1. Primero, abra el panel de comportamiento desde Ventana->Comportamientos en la barra de menú o presione directamente la tecla de acceso directo Shift+F3.
2. Como se muestra en la figura, presione el signo "+" en la esquina superior izquierda del panel de comportamiento para agregar un comportamiento y seleccione el comportamiento "Abrir ventana del navegador" en el menú emergente.
3. Después de seleccionar el comportamiento, aparecerá el cuadro de diálogo Abrir ventana del navegador, como se muestra en la figura. Simplemente complete la información de la ventana correspondiente en el cuadro de diálogo y haga clic en "Aceptar" para completar la personalización de la ventana emergente. en
"URL para mostrar": Para la dirección de la página web que desea mostrar en una nueva ventana, puede ingresar la dirección directamente o presionar el botón "Examinar" para especificarla.
"Ancho de ventana" y "Alto de ventana": son el ancho y alto de la nueva ventana respectivamente, en px.
“Atributos”: Son las características de la ventana.
"Barra de herramientas de navegación", "Barra de menú", "Barra de herramientas de ubicación", "Barras de desplazamiento según sea necesario", "Barra de estado", "Cambiar tamaño de controladores"
Representa la barra de herramientas, la barra de menú, la barra de herramientas de posicionamiento, la barra de desplazamiento y el controlador de cambio de tamaño, respectivamente. Seleccionar la marca de verificación frente a la ubicación correspondiente significa que la nueva ventana tiene las características correspondientes.
“Nombre de la ventana”: es el nombre de la ventana de destino. Puede elegir cualquiera o puede especificar el nombre de una ventana en el grupo de marcos. Al crear una ventana emergente, simplemente asígnale un nombre aleatorio.
Después de completar los pasos anteriores, el panel de comportamiento quedará así, lo que indica que se abrirá una nueva ventana de navegación mientras se carga la página (onLoad).
De hecho, el proceso de agregar comportamientos en el panel de comportamiento es el proceso mediante el cual Dreamweaver genera código Javascript. En los pasos anteriores, se generó el siguiente código. Los comentarios entre "< !—" y "-- >", que se muestran en negrita a continuación, son los comentarios para esta parte del código:
<html>
<cabeza>
<título>Documento sin título</título>
< meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" >
< lenguaje de escritura="JavaScript" >
< !--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,características);
}
//-- >
</ /script >< !—Abre la ventana según el valor pasado -->
</ /cabeza >
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes, redimensionable=sí,ancho=300,alto=200')" >
<!: establezca el valor de cada atributo de la ventana emergente, pase el valor a cada parámetro formal correspondiente y establezca el evento de activación en onLoad-->
Efecto de ventana emergente
< /cuerpo >
< /html >
Puede entender el código anterior de esta manera: cuando se activa el evento onLoad (es decir, cuando la imagen o página termina de cargarse), se llama al método MM_openBrWindow() y el valor
"'tupágina.htm', 'winname', 'barra de herramientas=sí,ubicación=sí, estado=sí,barra de menú=sí,barras de desplazamiento=sí, redimensionable=sí,ancho=300,alto=200'"
(Aquí se denominan parámetros reales) Pase los parámetros formales correspondientes: "theURL, winName, características" para que los use window.open(). Tenga en cuenta que los tres parámetros deben estar entre comillas simples. Entre estos códigos, la frase más crítica es:
"ventana.abierta(laURL,winName,características)"
Lo que significa es que en la ventana llamada winName, abra la página en la dirección URL de acuerdo con las características especificadas por características.
Después de comprender el significado del código, podemos saber que el código se puede escribir directamente así: agregar <cuerpo>
onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200' )"
Una frase. Esta forma de escribir no es diferente del efecto de que Dreamweaver genere código automáticamente.
Ya conocemos el significado de los tres parámetros en window.open(): el primero es la dirección de la página que se mostrará, el segundo es el nombre de la ventana de destino y el tercero es una descripción de las características de apariencia de la ventana. ventana. No entraré en detalles sobre el primer y segundo parámetro. Hablemos del tercer parámetro. Para el tercer parámetro, podemos escribir
"'barra de herramientas=no,ubicación=no,directorios=no,estado=no,barra de menú=no,barras de desplazamiento=no,resizable=no, ancho=300, alto=200,izquierda=100, arriba=100'"
Aquí, la barra de herramientas representa la barra de herramientas, la ubicación representa la barra de direcciones, los directorios representan la barra de navegación, el estado representa la barra de estado, la barra de menú representa la barra de menú, las barras de desplazamiento representan la barra de desplazamiento, redimensionable representa el controlador de cambio de tamaño y el ancho y alto representan el El ancho y el alto de la ventana respectivamente. La izquierda y la parte superior representan la posición donde aparece la ventana.
Los valores de barra de herramientas, ubicación, directorios, estado, barra de menú, barras de desplazamiento y cambio de tamaño se pueden establecer en sí, no, 1 o 0. sí (1) significa que la nueva ventana tiene esta función y no (0) no lo hace. Los valores de ancho, alto, izquierda y superior deben completarse con números y la unidad es px.
Habiendo dicho tanto, ¿entiendes? ¿No es fácil agregar comportamientos y crear ventanas emergentes en Dreamweaver? ¿No es difícil escribir código a mano? Mientras practiques un poco más, en poco tiempo sentirás: ¡Resulta que hacer ventanas emergentes es muy simple!