“Conocimiento Programación>JavaScript Programación

Cómo hacer un Div Pop -up

2014/12/24
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
¿Cómo se puede definir una constante en JavaScript
Cómo hacer tu propio tatuaje temporal de la impresora
Cómo utilizar el JW Player con MP4
Como Llamar JavaScript partir de una plantilla HTML
Cómo suprimir un espacio de una variable en JavaScript
Cómo obtener Efectos Cursor gratis
JavaScript para determinar si un elemento está deshabilitado
Cómo cambiar el tamaño del escenario en ActionScript 3.0
Conocimiento de la computadora © http://www.ordenador.online