artegrafico.net » Ajax http://www.artegrafico.net/blog artegrafico.net Thu, 12 Aug 2010 08:54:30 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Problemas con Ajax en Google Chrome. http://www.artegrafico.net/blog/problemas-con-ajax-en-google-chrome.html http://www.artegrafico.net/blog/problemas-con-ajax-en-google-chrome.html#comments Thu, 12 Aug 2010 08:36:00 +0000 admin http://www.artegrafico.net/blog/?p=658 Puede darse el caso que al ejecutar alguna actualización del navegador, o usando algún programa de limpieza del registro de nuestro ordenador deje de funcionar el AJAX en nuestro navegador Google Chrome. Esto significará que no podremos usar Gmail, etc … Para solucionarlo bastaría con seguir estos sencillos pasos:

  1. Salimos del Chrome y localizamos la carpeta local del programa.
  2. C:\Documents and Settings\{usuario}\Configuración local\Datos de programa\Google\Chrome\User Data\Default
  3. Borramos la carpeta llamada “Cache”  e iniciamos el programa.
  4. Solucionado.
]]> http://www.artegrafico.net/blog/problemas-con-ajax-en-google-chrome.html/feed 0 Estilando checkbox de formularios usando jQuery+CSS http://www.artegrafico.net/blog/estilando-checkbox-de-formularios-usando-jquery-css.html http://www.artegrafico.net/blog/estilando-checkbox-de-formularios-usando-jquery-css.html#comments Fri, 07 May 2010 23:28:10 +0000 admin http://www.artegrafico.net/blog/?p=634 Estilar nuestros checkbox en formularios se puede hacer facil usando jQuery. Partiendo de una lista de opciones en formato HTML, un SPRITE para el rollover del estado del checkbox y un poquito de código en jQuery y ya podremos tener unos checkbox de lo mas originales para todos los formularios que desemos utilizar. Con un poquito de imaginación y retocando el sprite y la hoja de estilos podremos darle otra apariencia mas acorde a lo que estemos buscando.

El ejemplo en cuestión tiene dispnibles 3 set disponibles para elegir. Adjunto el PSD con el SPRITE que ha creado el autor para el intercambio de imagen cuando hacemos click en el checkbox. Podéis retocarlo a vuestro gusto o también es posible crear uno de cero tirando de imaginación.

Los métodos y eventos de  JQuery que se han usado para crear este ejemplo son los siguientes:

  • click(): evento usado para cuando hacemos click con el ratón.
  • parent(): Consigue el padre del elemento que seleccionemos.
  • addClass() y removeClass(): método muy útil en este ejemplo para asignar o remover clases.
  • attr() y removeAttr(): método para conseguir o remover atributos.
  • preventDefault(): alterar comportamientos.
  • find(): método que nos permitirá encontrar algo en concreto.
  • fadeIn() y fadeOut(): son métodos para ocultar o mostrar elementos usando transparencias.

Fuentes:

http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery
http://combinedartsmedia.com/sean/check-boxes_and_radio-buttons/

]]> http://www.artegrafico.net/blog/estilando-checkbox-de-formularios-usando-jquery-css.html/feed 0 refresh & reload + setInterval con ajax y jQuery http://www.artegrafico.net/blog/refresh-reload-setinterval-con-ajax-y-jquery.html http://www.artegrafico.net/blog/refresh-reload-setinterval-con-ajax-y-jquery.html#comments Sat, 24 Apr 2010 23:30:20 +0000 admin http://www.artegrafico.net/blog/?p=614 Frecuentemente a la hora de programar necesitamos refrescar y cargar contenido en una capa y que  ejecute un fichero cada x segundos. Esta práctica es muy útil en chats, blogs, e-commerce, cms, etc …  El siguiente ejemplo actualiza el contenido de una capa cada 10 segundos y carga en ella el contenido del fichero que le indiquemos. El efecto de fundido usando fadeOut y fadeIn es para darle más dinamismo al script.

<script>
function actualizar(){
   $('#capa').fadeOut("slow").load('fichero.php').fadeIn("slow");
}
setInterval( "actualizar()", 10000 );
</script>

<div id="capa"></div>

click aquí para ver una pequeña demostración.

Tenéis más documentación de los métodos y funciones usados en el ejemplo a continuación. Haz click en los enlaces para obtener más información:

  • .load() es el método de JQuery usado para cargar los datos desde servidor y la cual nos retornará los resultados en formato HTML.
  • fadeOut() es un método de jQuery para ocultar elementos usando transparencias.
  • fadeIn() es un método de jQuery para mostrar elementos usando transparencias.
  • setInterval es una función JavaScript que nos permitirá ejecutar una función cada X segundos que le indiquemos.
]]> http://www.artegrafico.net/blog/refresh-reload-setinterval-con-ajax-y-jquery.html/feed 0 Aplicación para descifrar un HASH MD5 http://www.artegrafico.net/blog/aplicacion-para-descifrar-un-hash-md5.html http://www.artegrafico.net/blog/aplicacion-para-descifrar-un-hash-md5.html#comments Sat, 07 Jun 2008 10:54:44 +0000 admin http://www.artegrafico.net/blog/?p=13 Un HASH MD5 es un código alfanumérico encriptado en 128 Bits y que contiene dicha cadena que deseamos ocultar. Encriptar un cadena en MD5 es sencillo pero el proceso de vuelta no lo es tanto. Para ello debemos de hacer miles de comprobaciones hasta dar con ella. Uno de los métodos más utilizados es usar diccionarios para ir comprobando coincidencias y es este sistema el que he programado en PHP para comprobar su potencia.

Esta pequeña aplicación nos permite hacer comprobaciones en diccionarios y devolverá un resultado si hay coincidencia en alguno de ellos.

Está hecha en php+ajax y podéis acceder a través del siguiente enlace.
http://www.artegrafico.net/laboratorio/hash/

Documentación:
Guía ilustrada de criptografía

]]> http://www.artegrafico.net/blog/aplicacion-para-descifrar-un-hash-md5.html/feed 0