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

22

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 (30 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 15 votes)
Personalizar los alert en Java Script, 3.8 out of 5 based on 30 ratings

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

22 comentarios

Graig

Graig en dijo:

Hallo Es wurde gerade wachsam Blog über Googlee und fand,
dass ess wirklich informativ. Ich bin werde aufpassen Brüssel.
Ich werde dankbar, wenn Sie weiterhin diese künftig. Viele Menschen werden von Ihrem Schreiben profitiert werden.
Cheers!

VA:F [1.9.22_1171]
Rating: 4.5/5 (2 votes cast)
VA:F [1.9.22_1171]
Rating: -1 (from 1 vote)

Niarfe Zeravla

Niarfe Zeravla en dijo:

necesitan JQuery para que funcione el $();

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: +2 (from 2 votes)

facebook help center number toll free

facebook help center number toll free en dijo:

Facebook has created a group for all its users.

VA:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
VA:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Bryan

Bryan en dijo:

hola para los que no les funcione creen un archivo para js donde lleve solo la funcion y dentro del DOM donde quieren incluir el mensaje manden a llamar la funcion y lo que hara sera remplazar el alert a un mensaje mas bonito como quien dice, a mi si me funciono gracias y suerte !!

VA:F [1.9.22_1171]
Rating: 3.0/5 (1 vote cast)
VA:F [1.9.22_1171]
Rating: +1 (from 3 votes)

jose grabiel matos gonzalez

jose grabiel matos gonzalez en dijo:

hhhhhh

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: -1 (from 3 votes)

Edmundo

Edmundo en dijo:

no funciona, escribi la funcion dentro de y el css dentro de las
al momento de crear un simple alert, simplemente no sale

VA:F [1.9.22_1171]
Rating: 1.0/5 (1 vote cast)
VA:F [1.9.22_1171]
Rating: -2 (from 2 votes)

c

c en dijo:

jjj

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: -1 (from 1 vote)

12

12 en dijo:

aasdfa

VA:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
VA:F [1.9.22_1171]
Rating: +1 (from 5 votes)

12

12 en dijo:

12

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: -2 (from 2 votes)

Alejandro

Alejandro en dijo:

aun no comprendo claramente como hacerlo 🙁

VA:F [1.9.22_1171]
Rating: 3.5/5 (2 votes cast)
VA:F [1.9.22_1171]
Rating: -1 (from 3 votes)

    Felipe

    Felipe en dijo:

    en la pagina en el head agrega el script de jquery dentro de las pestañas script y otra pestaña script para el script, luego el css dentro de las pestanas style, y en el body solo escribe alert(“hola”), graba y ejecuta.
    después le das el uso que quieras

    VA:F [1.9.22_1171]
    Rating: 1.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Contacto

Su nombre*

E-Mail*

Asunto*

Mensaje*

Captcha
Otro Captcha

Captcha*