• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
  • Noticias
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
No Result
View All Result

Custom JavaScript Dialog Boxes – La forma más simple y elegante de implementar Dialog Box

Diego Cambiaso por Diego Cambiaso
06/03/2018
en Desarrollo/programación, Diseño, Recursos
4
Compartir en FacebookCompartir en TwitterCompartir en PinterestCompartir en LinkedInCompartir en WhatsAppCompartir en Tumblr

Custom Javascript Dialog Boxes es una biblioteca Javascript que permite implementar fácilmente y elegantemente diálogos modales o dialog box.

Soporta 4 tipos: alerts, warnings, prompts y success.

Para usarlo en un proyecto solo hay que enlazar la biclioteca y la CSS en la sección head:

<script type="text/javascript" src="dialog_box.js"></script>

Y luego implementar por ejemplo un diálogo de error es tan simple como:

  • showDialog('Error','You have encountered an error.','error',2);

Ejemplo de cuadro de diálogo implementado con la biblioteca Javascript Dialog Box

Custom JavaScript Dialog Boxes

  • Demo: Javascript Dialog Boxes
  • Descargar: Javascript Dialog Boxes
  • Vía: WebAppers

Otros recursos:

  • Control Suite – Controles y Widgets de alta calidad para Prototype.js
  • Revolver – Una excelente solución open source para mostrar imágenes
  • JavaScript Image Cropper UI – Biblioteca para recortar imágenes con Prototype y script.aculo.us
  • iBox – Biblioteca para galerías con efecto LightBox extensible con plugins

Además:

  • 26 Cheat Sheet listas para descargar
  • markitup – Editor de marcado universal
Tags: bibliotecaboxDesarrollodialogosDiseñoJavascriptRecursos

Suscribirse para recibir las últimas actualizaciones de Pixelco.

Cancelar suscripción
Diego Cambiaso

Diego Cambiaso

Desarrollador de software egresado de la Universidad Católica de Argentina y fotógrafo. Blogger desde hace más de 12 años, creador de Pixelco Tech Blog. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Guía web hosting WordPress
Tecnología

Cómo contratar Web Hosting para WordPress

por Diego Cambiaso
17/12/2018
0

Web hosting. ¿Te resulta rara esta palabra? ¿No sabes bien qué es? Si quieres montar tu propio website, tienes que seguir...

Más
I Dont Care About Cookies
Internet

I Don’t Care About Cookies – Extensión para no ver más esos molestos mensajes

por Diego Cambiaso
17/09/2018
0

I Don't Care About Cookies es una extensión que elimina esos molestos mensajes sobre las Cookies. Desde que la Unión...

Más
WixCcode
Desarrollo/programación

WixCode una moderna herramienta para desarrollo web

por Diego Cambiaso
07/05/2018
1

¿Conoces WixCode? Como desarrollador de software, hace unos años cuando comencé a probar las primeras herramientas online para la creación...

Más
Cargar más

Comentarios 4

  1. jk says:
    9 años

    @Diego

    No logro hacer q funcione sin los link 🙁

    un ejemplo por favor…

  2. Diego says:
    9 años

    Hola, esa funcionalidad la implementas con Javascript cuando ocurre el evento. Recuerda que existen algunos como cunado la página se termina de cargar, cuando se actualiza, etc. También puedes implementar tus propios eventos.
    Saludos

  3. dayana says:
    9 años

    Buenas tardes como hago si quiero que el mensaje de alerta aparezca automaticamente tras cumplirse una condicion sin necesidad de darle a un link; respondan por favor! se los agradeceria mucho

  4. Axion says:
    11 años

    Buenisimo el link, gracias por el aporte.

    saludos

Deja un comentario Cancelar respuesta

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Cobertura especial CES 2019

Pixelco - CES 2019 - Cobertura especial

Videos/Samsung Galaxy Note 9 Pixelco

https://youtu.be/-a_43nkZ5rs

Unboxing/ReviewViewSonix VX 3258

https://youtu.be/Xc0d54GQWA8

Entradas recientes

  • Innovation Day 2019
  • Equinix seleccionada por Google para el cable submarino Curie
  • League of Legends nueva liga Movistar Latinoamérica
  • AMD presentó GPU para gaming de 7 nm – CES 2019

Sobre Pixelco

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Pixelco

  • Contacto
  • Login Customizer
  • Política de Privacidad
  • Publicidad
  • Sobre Pixelco
Pixelco Tech Blog - 12 años

© 2019 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2019 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.