Todos los artículos etiquetados en

javascript

Delay al escribir texto en un input

jQuery typing

Hay a veces que quieres controlar cuándo está el usuario de tu web escribiendo y cuándo deja de hacerlo para mostrar un mensaje (el típico XXX está escribiendo…) o para ejecutar una acción. El plugin para jQuery jQuery-typing te permite hacer esto fácilmente. Puedes realizar acciones mientras se está escribiendo, cuando se para y seleccionar el tiempo de espera, siendo todas opcionales. $(’:text’).typing({ start: function (event, $elem) { $elem.css(’background’, ‘#fa0’); }, stop: function (event, $elem) … Seguir leyendo

Variables javascript en IE

Variables javascript en IE

A veces cuando estamos programando con JavaScript y probamos una página en Internet Explorer nos encontramos con el error «Object doesn’t support this property or method«. Sin embargo, en otro navegador como Chrome o Firefox funciona correctamente sin errores. El problema viene dado porque existe alguna variable en javascript que tiene el mismo nombre que el identificador de una etiqueta html. Por ejemplo: foo = bar();foo = bar(); y <div id=’foo’><div id=’foo’> Y parece que … Seguir leyendo

Imágenes en escala de grises con HTML5

Menú principal

Habrás observado que las imágenes del menú superior y las de las redes sociales está en tonos grisáceos y si pasas el ratón por encima hace un efecto mostrando sus colores reales, haciendo el efecto inverso cuando quitas el ratón de encima. Vamos a ver cómo está hecho. El código en JQuery es el siguiente: function grayscale(src) { var canvas = document.createElement(’canvas’); var ctx = canvas.getContext(’2d’); var imgObj = new Image(); imgObj.src = src; canvas.width … Seguir leyendo