Gracias por tu visita, tus comentarios son muy importantes

domingo, 10 de julio de 2011

Crear un Dialogo simple con jQuery UI

Como pueden leer en la parte de arriba, les voy a mostrar como hacer un dialog simple de jquery. El dialogo consta de un título, un simple mensaje y el boton de aceptar.

Conforme los usuarios vayan opinando ire mostrando opciones para poder manipular el dialogo, pero las mas comunes y que voy a usar aqui es que el dialogo se muestre en forma Modal. ¿Qué significa esto? que al mostrar un dialog en la forma Modal este ocupara toda la pantalla del navegado hasta que el usuario lo cierre. Aquí el ejemplo.

  • Mostrar Dialogo


  • y el código que nos produce este resultado es el siguiente:



    El código de arriba es lo que hace la magia con jQuery, y estamos diciendo que sea modal, con un tamaño de 250x250 pixeles y que tenga un posición de 150x150 pixeles con respecto a nuestro explorador, ya que el dialogo aparece en posición absoluta.

    Pero falta de mencionar algo. ¿En donde esta esa información que aparece en el dialogo? La respuesta es muy simple. Es un codigo html que ponemos dentro de una "div" el cual contiene el ID al cual vamos a hacer la referencia con jQuery, el Título de nuestro dialogo y finalmente el contenido que deseemos con un lindo boton. El html es escondido por jQuery UI y se mostrará cuando uno se lo indique. El codigo html es el siguiente:



    Si tienen alguna duda respecto al código no duden en ponerla, recuerden que pueden encontra mas informacion del Dialogo en aquí

    Este es un simple dialogo hecho con jQuery, yeah !!

    No olvides dejar tus comentarios :D

    viernes, 1 de julio de 2011

    Basic Rules for CSS and the Cascade !!

    The other day I was trying to show to one of my co-workers about the cascade in CSS because he was arguing me that the route to apply a rule to an ID was too long and he only needed to use de ID like this.



    But the real code was this:



    So I googled a little bit and found this good article. Leave your comments about it.