Javascript: Mostrar ventanas de alerta en una pagina web

Como mostrar mensajes de Alerta al usuario dentro de la pagina Web. A veces es necesario mostrar mensajes de aviso al usuario, ya sea para informarle o advertirle algo. El ejemplo motivo de esta entrada en mi blog tiene principalmente los siguientes objetivos:

  • Ilustrar como mostrar mensajes de alerta al usuario.
  • Mostrar el estado de Javascript en en navegador con la etiqueta <noscript></noscript> de HTML.

Bueno, sin mas rodeos a continuacion muestro el archivo html:

ejemplo_3.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Javascript [ejemplo 3] -Mostrar ventanas de alerta</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<script language="Javascript" type="text/javascript" src="js_script2.js">
	/*
		Descripcion:			Ejemplo sobre como desplegar un mensaje de alerta y 
								como avisar al usuario en caso de que su navegador no
								soporte javascript; con  la etiqueta <noscript>
		Autor:					Gonzalo Silverio  gonzasilve@gmail.com
		Archivo:    			ejemplo_3.html
		Relacionado con:	js_script2.js
	*/
	</script>
</head>
<body bgcolor="#FFFFFF">

<noscript>
	<h2>Para ver esta pagina web se requiere JavaScript.<br>Se aborto la carga de la pagina.</h2>
</noscript>

<br /><br />
  <p>
    <a href="http://validator.w3.org/check?uri=referer"><img
      src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  </p>
  
  
</body>
</html>

Todo lo que aparezca dentro de esta etiqueta se mostrara en caso de que el navegador no acepte codigo Javascript. Ya sea porque el navegador no lo soporte o porque tiene desactivada la ejecucion de Javascript. Como se observa, la etiqueta <noscript>, es muy sencilla de utilizar (linea 20 a 22). Sintaxis de la etiqueta <noscript>:

<noscript>
	<!-- Mensaje para el usuario en caso de que su navegador no acepte codigo Javascript -->
</noscript>

A continuacion una imagen con la ejecucion en el navegador Chrome, en este caso se muestra el mensaje de alerta ya que mi navegador Chrome si tiene activada la deteccion de Javascript:
Ejecucion en Chrome de ejemplo3 de Javascript

El contenido del archivo js_script2.js es el siguiente

js_script2.js

	/*
		Descripcion:		muestra un mensaje al usuario avisando que su navegador soporta JavaScript.											
		Autor:			Gonzalo Silverio  gonzasilve@gmail.com
		Archivo:    		js_script2.js
		Relacionado con:	ejemplo_2.html
	*/

	alert("Ha accedido a esta pagina web, su navegador soporta JavaScript.");

Como se observa, la sintaxis de la funcion alert() de Javascript tiene la siguiente sintaxis:

<script language="Javascript" type="text/javascript">
	alert("Mensaje de alerta.");
</script>

El mensaje que se despliega en el navegador es algo similar a este:
Alerta de Javascript

Es todo, hasta la proxima.

Anuncios

Acerca de gonzasilve
Freelance Web Developer.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: