Crear una ventana emergente en PHP

Subodh Poudel 12 octubre 2023
  1. Use la función echo para mostrar la ventana emergente de JavaScript en PHP
  2. Use el botón HTML y el evento onClick de JavaScript para mostrar una ventana emergente en PHP
Crear una ventana emergente en PHP

Este artículo presenta formas de crear una ventana emergente en PHP con la ayuda de JavaScript.

Use la función echo para mostrar la ventana emergente de JavaScript en PHP

En una aplicación PHP, JavaScript es útil si necesitamos crear una ventana emergente. Podemos usar el método alert() de JavaScript para lograr nuestro objetivo.

La función crea un cuadro de alerta en la página web. Podemos escribir el código JavaScript en un archivo PHP dentro de la etiqueta <script>.

Finalmente, podemos usar la declaración echo para mostrar la función de JavaScript en PHP.

Por ejemplo, cree un archivo PHP y escriba la etiqueta <script>. Dentro de la etiqueta <script>, crea una función displayMessage().

A continuación, utilice el método alert() dentro de la función displayMessage() y escriba algún mensaje en él.

En PHP, escribe la función echo. Dentro de la comilla de la función echo, escriba la etiqueta <script> e invoque la función displayMessage().

Como resultado, aparecerá un cuadro de alerta cuando ejecutemos el archivo PHP.

Código JavaScript:

// index.php
<script>function displayMessage() {
  alert('Hi, have a good day');
} < /script>

Código PHP:

//index.php
echo '<script>
        displayMessage()
      </script>
      ';

Producción:

Salida de ventana emergente de PHP 1

Use el botón HTML y el evento onClick de JavaScript para mostrar una ventana emergente en PHP

Este método presentará una forma de crear una ventana emergente en PHP utilizando JavaScript onClick. Podemos asignar el evento onClick a un botón HTML e invocar el método alert().

Podemos poner todo el código en un archivo PHP, alojarlo en un servidor y ejecutarlo.

Por ejemplo, cree un archivo PHP index.php y escriba el método alert() con algún mensaje dentro de una función de JavaScript displayMessage(). No olvide incluir el código JavaScript dentro de las etiquetas <script></script>.

A continuación, cree un botón utilizando el elemento <input> o <button>. En el elemento, escriba el atributo onClick y asígnele la función displayMessage().

Después de ejecutar el archivo PHP, se mostrará un botón en la página web que dice Mostrar cuadro de alerta.

Ventana emergente de PHP - Botón

Cuando hacemos clic en el botón, aparecerá una ventana con un mensaje.

Código JavaScript:

// index.php
<script>function displayMessage() {
  alert('Hi, have a good day');
} < /script>

Código PHP:

//index.php
<input type="button" onclick="displayMessage()" value="Display alert box">

Producción:

Salida de ventana emergente de PHP 2

De esta forma, podemos crear una ventana emergente en PHP utilizando el método alert() de JavaScript.

Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn