website stats » Ventana Aceptar/Cancelar con Javascript | Solo Código |

Ventana Aceptar/Cancelar con Javascript

Escrito por J.F. el Viernes, 3 de Agosto del 2007 a las 14:37

Otra función que mucha gente desea implementar en sus páginas web es la de al pulsar en un enlace o en un botón, que aparezca una ventana mostrando un mensaje, y podamos pulsar sobre Aceptar o Cancelar. Hacer ésto es muy fácil, y podemos elegir que sentencias se ejecutarán en caso de que se elija una opción u otra.Simplemente incluiremos la siguiente función en nuestra página:

JavaScript:
  1. <script language="Javascript">
  2. function opcion()
  3. {
  4.  ventana=confirm("Mensaje que quieras que aparezca");
  5.  if (ventana) {
  6.  //En ésta parte incluiremos las sentencias que
  7.  //queremos que se ejecuten al pulsar sobre
  8.  //el botón Aceptar
  9.  alert("Has pinchado sobre Aceptar");
  10.  }
  11.  else {
  12.  //En ésta parte incluiremos las sentencias que
  13.  //queremos que se ejecuten al pulsar sobre
  14.  //el botón Cancelar
  15.   alert("Has pinchado sobre Cancelar");             
  16.  }                                   
  17. }
  18. </script>

En éste caso simplemente hemos puesto que muestre un mensaje advirtiendo sobre que botón hemos pulsado, pero para un ejemplo práctico podemos ejecutar otro tipo de eventos, o redirigir al usuario a una página o a otra en función del botón pulsado. Veamos el código HTML, que en éste caso se ejecutará al pulsar sobre un botón, que llamará a la función declarada mediante el evento de Javascript onClick():

HTML:
  1. <input type="button" value="Pincha aquí" onClick="opcion();">
  2. </body>

Categoria: Javascript

3 Comentarios

Entradas relacionadas


Comentario de Deniz

Realizado el Viernes, 30 de Mayo del 2008 a las 19:28

gracias! justo lo que necesitaba!

Comentario de johanny

Realizado el Sábado, 30 de Agosto del 2008 a las 18:52

hoilaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa jajajajaja

Comentario de johanny

Realizado el Sábado, 30 de Agosto del 2008 a las 18:54

me gustaria tener un compeñero k me kiera y k me kiera por lo k soy

bay besos

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |