Error en conversion.js [Solución]
Si ves un error GET en la consola de Webkit (Chrome y Safari) en la URL http://www.googleadservices.com/pagead/conversion.js muy posiblemente sea porque tenes habilitada la extensión”AdBlock” :S He dicho XD
Tip: Timestamp en javascript
|
1 |
var timestamp = Math.round(+new Date()/1000); |
jQuery: detectar cuando se copia, pega o corta
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!'); }); }); |
Solución al box-model en ie7 usando jQuery
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
jQuery: .css(“background-position”) falla en Internet Explorer
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
Drupal: Porque usar Drupal.behaviors en lugar de $(document).ready();
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
Atajos de teclado con jQuery
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(); }); |
jQuery.slideToggleMinHeight()
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
jQuery.height() calcula distintos tamaños entre navegadores [solución]
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
JS: Como saber si un objeto undefined está undefined
Suena a boludez:
|
1 2 3 |
if (objetoso == undefined) { alert("objetoso no está definido."); } |
Pero lo anterior no te va a funcionar porque al querer comparar un objeto que está indefinido, el navegador va a arrojarte un error :S La forma correcta de hacer esta comprobación entonces es:
|
1 2 3 |
if (typeof(objetoso) === "undefined") { alert("objetoso no está definido."); } |
Y ya nos evitamos que se rompa todo por culpa de un objeto indefinido… Bye.