“Conocimientos Programación>JavaScript Programación

Cómo hacer un Div Pop -up

2012/6/9
Tener un div o sección de código aparecen en un cuadro de pop -up es útil en una variedad de contextos. Es posible que desee a la alerta al usuario de alguna información pertinente de una manera rápida y directa. Con un poco de JavaScript, puede crear un cuadro de pop -up de una sección de contenido. Instrucciones
1

Abra el IDE ( Integrated Development Environment) de su elección.
2

Busque el código que desee que aparezca en un cuadro de pop -up , así como lo que quiere activar el pop -up , como hacer clic en un botón
3

Formatear el código de acuerdo con la siguiente sintaxis : .

< script type = "text /javascript" >

show_alert function () {


alert (" Introduzca texto alternativo aquí "); }


< /script >

Crear un botón para activar la alerta:

< input type = "button" onclick = " show_alert ()" value = " cuadro de alerta Show" />
4

Guardar los cambios en el código y comprobar que funciona correctamente.
5

Coloque el contenido de un div con esta sintaxis modificado después de la comprensión cómo funciona la funcionalidad pop -up con la sintaxis anterior. Usted tendrá que utilizar . " InnerHTML " para tirar en el contenido HTML de la div . También, asegúrese de que el div tiene un identificador único: .



Esta es una prueba

< /div >

Sintaxis:

show_alert function () {


alerta

( test.innerHTML ) ;

}

En la función de alerta , "test" es la primera palabra que incluyó ya que es el nombre de la div , y . " innerHTML " se utiliza para llevar el contenido de ese div . Utilice el nombre de su DNI div para su código.

JavaScript Programación
Las propiedades de iFrame en Java
Cómo cambiar una variable de PHP con JavaScript
¿Qué puedo usar en Lugar de JavaScript
Cómo conseguir un área de texto por nombre en jQuery
Cómo validar una cadena de fecha en jQuery
Cómo utilizar una sentencia condicional en jQuery
Lista de los atributos de jQuery
Cómo cambiar el tamaño y tipo de una chincheta en un mapa de Virtual Earth
Conocimientos Informáticos © http://www.ordenador.online