Scribd Logo
Carica

Benvenuto in Scribd!

  • 5-Ejercicio Mensajes Alert Confirm Prompt

    Caricato da

    Veronica Gutierrez De la Garza
    442 visualizzazioni6 pagine

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    442 visualizzazioni6 pagine

    5-Ejercicio Mensajes Alert Confirm Prompt

    Caricato da

    Veronica Gutierrez De la Garza

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 6

    Ejercicio: Mensajes Alert, Confirm y Prompt Utilizando Javascript podemos crear tres diferentes tipos de mensajes emergentes que

    se pueden usar para mostrar informacin, obtener confirmacin u obtener informacin del usuario. Un mensaje Alert se usa para mostrar informacin al usuario, mientras que un mensaje Confirm sirve para solicitar una confirmacin al usuario. El mensaje Confirm devuelve true o false dependiendo de si el usuario pulsa el botn Aceptar o Cancelar. Por ltimo, el mensaje Prompt, sirve para obtener informacin del usuario que puede ser almacenada en una variable. Ejercicio 5A Una ventana alert simplemente muestra informacin a los usuarios en el formulario de la ventana. Paso 1: Examinar el fichero HTML Abrir la carpeta C:\Archivos de programa\Apache Software Foundation\Apache2.2\htdocs\lab\javascript\exercises y abrir el fichero exercise5a.htm en tu editor de texto o de HTML favorito. La mayor parte del cdigo ha sido escrito por ti en ejercicios anteriores.

    Paso 2: Llamar a la funcin Alert Dentro de la etiqueta <body>, vamos a crear un botn utilizando el cdigo HTML <input type=button>. Esta etiqueta, aadir un botn a nuestra pgina web. Adems, hemos especificado que queremos llamar a la funcin displayAlert() en el evento onclick del botn. Por lo tanto, esta funcin ser llamada siempre que el usuario haga click en el botn. Dentro de la etiqueta <script>, encontrars la funcin llamada displayAlert() que es la funcin se llama en el evento Button.onclick. Dentro de la funcin, aadir la siguiente lnea de cdigo:

    La funcin alert admite un string que ser mostrado al usuario en el formulario actual. Paso 3: Guardar y Abrir el Fichero Guardar el fichero Abrir una ventana del navegador con la siguiente direccin: http://localhost/lab/javascript/exercises/exercise5a.htm

    En el navegador debera mostrarse el botn con el texto Display alert box. Al pulsar el botn, se mostrar un mensaje como el siguiente:

    Ejercicio 5b En el ejercicio 5b aprenderemos cmo usar la funcin confirm() para mostrar un mensaje de confirmacin al usuario. Una ventana de confirmacin tendr los botones Aceptar y Cancelar, que se utilizan para obtener la respuesta del usuario. Paso 1: Examinar el fichero HTML Ir a la carpeta C:\Archivos de programa\Apache Software Foundation\Apache2.2\htdocs\lab\javascript\exercises y abrir el fichero exercise5b.htm en tu editor de texto o de HTML favorito. La mayor parte del cdigo ya ha sido escrita por ti.

    Paso 2: Llamar a la funcin Confirm Dentro de la etiqueta <body>, vamos a crear un botn utilizando <input type=button>. Esta etiqueta aadir un botn a nuestra pgina web. Adems, hemos especificado que queremos llamar a la funcin disp_confirm() en el evento Button.onclick. Dentro de la etiqueta <script>, encontraremos una funcin llamada disp_confirm( ) , por lo tanto, esta funcin se llamar cada vez que se haga click en el botn. Dentro de la funcin, llamar a la funcin confirm y asignarle el valor devuelto a la variable r. La funcin confirm(), devolver un valor true si el usuario pulsa en el botn Aceptar y false si el usuario pulsa el botn Cancelar. Este valor ser almacenado en la variable r definida anteriormente. Definiremos un if/else para procesar los posibles valores de la variable r.

    Paso 3: Guardar y Abrir el fichero Guardar el fichero Abrir una ventana del navegador e introducir la siguiente direccin: http://localhost/lab/javascript/exercises/exercise5b.htm

    En tu nevagador debera mostrarse un botn. Si pulsamos en el botn Display a confirm box se mostrar un mensaje de confirmacin como el siguiente:

    Al pulsar el botn Aceptar o Cancelar se llamar a la function disp_confirm y se asignar a la variable r el valor correspondiente segn el botn que se haya pulsado. El mensaje nos mostrar qu opcin hemos elegido.

    Ejercicio 5C En el ejercicio 5c aprenderemos cmo usar la funcin prompt() para obtener informacin del usuario que ha sido introducido en la caja de texto mostrada en la ventana. Paso 1: Examinar el fichero HTML Abrir la carpeta C:\Archivos de programa\Apache Software Foundation\Apache2.2\htdocs\lab\javascript\exercises y abrir el ejercicio exercise5c.htm en tu editor de texto o HTML favorito. La mayor parte del cdigo ya ha sido escrito por ti anteriormente.

    Paso 2: Llamar a la funcin Confirm Dentro de la etiqueta <body>, hemos creado un botn utilizando <input type=button>. Esta etiqueta aadir un botn a tu pgina web. Adems, hemos especificado que queremos que cuando se produzca el evento Button.onclick llamaremos a la funcin displayPrompt( ), por lo tanto esta funcin es llamada cada vez que se hace click en el botn. Dentro de la etiqueta <script> encontraremos una function llamada displayPrompt() que es la funcin referenciada por el evento Button.onclick. Dentro de la funcin displayPrompt( ) definir una variable llamada age. Le asignaremos el valor devuelto por la funcin prompt() a esta variable.

    La funcin prompt tiene dos parmetros. El primer parmetro es una cadena de texto que ser mostrada al usuario y el segundo parmetro ser el valor por defecto que tendr la caja de texto de la ventana prompt. Escribir la edad que fue introducida en la ventana prompt. Primero hay que comprobar que la variable age no est vaca ni es nula. Se devuelve un valor nulo cuando el usuario hay pulsado el botn Cancelar. Adems, es necesario comprobar que la variable no es una cadena de texto vaca () porque puede que el usuario no haya introducido un valor en la caja de texto.

    Paso 3: Guardar y Abrir el fichero Guardar el fichero Abrir una nueva ventana del navegador con la siguiente direccin: http://localhost/lab/javascript/exercises/exercise5c.htm En tu navegador debera mostrarse la ventana que se puede ver ms abajo. Pulsa en el botn Display a prompt box para mostrar la ventana de confirmacin.

    Introducir una edad o aceptar la edad por defecto y pulsar el botn Aceptar. Si pulsas en Cancelar, no se mostrar nada porque se habr devuelto un valor nulo en este caso. Adems, si no introdujiste ningn valor en la caja de texto, tampoco debera mostrarse ningn mensaje porque el valor introducido sera una cadena de texto vaca.

    Potrebbero piacerti anche