A partir de la versión 3 de http://expressjs.com/ framework req.flash() fue quitado del core ya que estrictamente hablando, ésta funcionalidad no es “core”. No pasa nada, seguimos teniendo los mensajes flash pero en un modulo aparte: Para instalarlo: [code]npm install connect-flash[/code] O bien lo agregas a tu proyecto expressjs dentro de las dependencias y lo
Señoras y señores, les juro que no he sido capaz de encontrar la documentación de estos tres eventos en la api de jQuery, pero ahí están y funcionan! Testeado en FF, Chrome, IE7 IE8
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
$(document).ready(function() { $("#mi-textarea").bind('copy', function(e) { alert('Copiando!'); }); $("#mi-textarea").bind('paste', function(e) { alert('repartiendo!... digo, pegando!'); }); $("#mi-textarea").bind('cut', function(e) { alert('Cortando!'); }); }); |
Sé que hay soluciones hechas para este problema en particular, pero pesa 33k y solo necesitamos unas líneas como van a ver para lograr lo mismo… Sabido es que a ie se la sudan los estándares y cuando los incorporan por lo general lo hacen taaarde. La propiedad CSS “box-sizing” no es la excepción. Ya
Me iba a poner a explicar porque falla y todo lo que tuve que hacer hasta darme cuenta del problema y la forma de solucionarlo, pero prefiero por esta vez simplemente dejarles la función que hice para arreglar el problema: El siguiente método se acopla a jQuery por lo que lo pueden cargar justo después
Durante mucho tiempo estuve usando $(document).ready(); para poner mi js en Drupal, y funcionaba la mar de bien. Esto me permitía ejecutar javascript inmediatamente después que el DOM estuviera cargado evitando así errores de referencias a objetos que todavía no existieran al querer manipularlos. Ahora bien, hay un problema que vamos a encontrar por medio de un ejemplo simple: Si tuviéramos un listado de nodos
Este plugin lo uso hace un tiempo, y puedo dar fe que es muy práctico. http://code.google.com/p/js-hotkeys/ Su uso es de lo mas simple:
|
1 2 3 |
$(document).bind('keydown', 'esc', function() { $("#ventana").hide(); }); |
He actualizado el plugin para hacerlo un poco mas flexible. Los ejemplos y documentacion de uso estan en: http://www.ecapy.com/Archivos/slideToggleMinHeight Descargar
Este es un tip rápido pero útil. Escenario: Tenes un div con el id “elDiv” con el siguiente CSS:
|
1 2 3 4 5 6 |
#elDiv { border: 1px solid #336699; float: right; padding: 20px; width: 500px; } |
Y en Firefox/Chrome/Safari/Opera al hacer $(“#elDiv”).height(); te entrega 400px por decir algo (el tamaño depende de lo que tenga dentro). Pero curiosamente en Internet explorer te da un tamaño raro… de menos, unos 358px en
En addyosmani.com encontré 31 snippets para jQuery de los cuales algunos me parecen especialmente útiles: Método .live(): Según comentan en el blog (y tiene razón) es mas útil que usar directamente el método .click(). ¿por que?, fácil, porque el método .live() es capaz de mantenerse a la escucha de cualquier elemento que machee con el
Visto en la documentación oficial: Creamos el metodo:
|
1 2 3 4 5 |
$.fn.equalizeHeights = function() { return this.height(Math.max.apply(this, $(this).map(function(i, e) { return $(e).height() }).get())) } |
Para hacer uso de el sobre las columnas que deseamos equiparar:
|
1 |
$('.columnas').equalizeHeights(); |