Tecnología

Inicio

Cómo hacer un Div Pop-up

Cómo hacer un Div Pop-up


Tener un div o sección de código aparece en un cuadro emergente es útil en una variedad de contextos. Es posible que desee a la alerta al usuario de alguna información pertinente de manera rápida y directa. El uso de un poco de JavaScript, puede crear un cuadro emergente para una sección de contenido.

Instrucciones

1 Abrir el IDE (entorno de desarrollo integrado) de su elección.

2 Encontrar el código que desea que aparezca en un cuadro emergente, así como lo que quiere activar la ventana emergente, como hacer clic en un botón.

3 Formato de su código de acuerdo con la siguiente sintaxis:

<Script type = "text / javascript">

función show_alert ()

{

alert ( "Introducir texto alternativo aquí");

}

</ Script>

Crear un botón para activar la alerta:

<Input type = "button" onclick = "show_alert ()" value = "Mostrar cuadro de alerta" />

4 Guarde los cambios en el código y comprobar que funciona correctamente.

5 Coloque el contenido de un div mediante el uso de esta sintaxis modificado después de la comprensión de cómo la funcionalidad emergente trabaja 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:

<Div id = "prueba">

Esto es una prueba.

</ Div>

Sintaxis:

función show_alert ()

{

alerta (test.innerHTML);

}

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