Blog de diseño y desarrollo de páginas y aplicaciones web.

Archivo de la categoría: jQuery

12

Personalizar los alert en Java Script

Personalizar los alert en Java Script

Posted on por

Volvemos con Java Script, para mostraros cómo personalizar todos los alerts de una página web de forma fácil.

Finalmente, se puede personalizar su aspecto con las siguientes líneas de CSS.

Como podéis ver, extremadamente fácil y rápido. Ahora, al utilizar la función alert(“Hola”) de Java Script, tendréis un mensaje personalizado. Pero ¡ojo!, este alert no detiene la ejecución del código (algo que sí hace el alert original)

Podéis probarlo rellenando de forma incorrecta el formulario de contacto del sidebar derecho.

VN:F [1.9.22_1171]
Rating: 3.8/5 (23 votes cast)
VN:F [1.9.22_1171]
Rating: +2 (from 12 votes)

Esta entrada fue publicada en JavaScript, jQuery y etiquetada , , , por DGCmedia. Guarda enlace permanente.

0

Ajax en JQuery

Ajax en JQuery

Posted on por

Os vamos a explicar una función completita de Ajax a través de JQuery, que esperamos, os sirva de ayuda.

Como podéis ver, tiene bastantes opciones.

  • statusCode: permite controlar si hay algún tipo de error, para gestionarlo como deseemos en la propia página web.
  • type: indicamos cómo vamos a enviar los datos (POST o GET).
  • url: añadimos la URL que va a recibir los datos.
  • dataType: el formato en el que el archivo que procese la petición nos va a responder. Puede ser XML, Json, o texto sin formato.
  • data: finalmente, los datos que queremos enviar, en formato jSON. Indicar, que podemos usar la función $(‘form’).serialize() para que automáticamente, todos los datos de un formulario se traduzcan a este lenguaje estructurado.

En este caso, nuestro “procesador” de datos nos devolverá un json con una variable mensaje, que mostramos en un alert.

 

VN:F [1.9.22_1171]
Rating: 4.0/5 (2 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Esta entrada fue publicada en JavaScript, jQuery y etiquetada , , , por DGCmedia. Guarda enlace permanente.

Contacto

Su nombre*

E-Mail*

Asunto*

Mensaje*

Captcha
Otro Captcha

Captcha*