29/9/15

[javascript] Averiguar si Objeto existe usando JQuery

Tengo un sistema donde al cargar la página, se ejecutan una serie de funciones e instrucciones dentro del evento onLoad de la misma. Ahora bien, detecté que un error JS se estaba gatillando en algunas páginas. Resulta que tengo una barra de herramientas (un DIV con botones), la cual tiene asociado cierto comportamiento JS. Esta barra se encuentra en ciertas páginas que la usarán, pero en las que no, precisamente es en donde el error se gatilla.

Ya que estoy usando JQuery, tengo todas las funciones de onLoad condensadas en un solo archivo JS, por lo que era posible que esto ocurriera.

Por supuesto podría crear un archivo JS por cada página del sistema, de modo que cada una tenga programado de forma personalizada lo que ocurre en el evento onLoad de la misma. Peeeeero, como esto me parece sumamente lento y engorroso, prefiero seguir con el archivo único que es compartido por todas las páginas.

Pero, entonces, ¿cómo soluciono lo del error por objeto no definido (la barra que no existe)? Lo lógico es preguntar si el objeto existe, de modo que si no, pues pasar de largo, evitando los errores.

Usando sintaxis Javascript clásica, habría aplicado:

if (type document.getElementById("divCualquiera") != "undefined")
{
 // realizar las tareas de divCualquiera
}

Pero quise averiguar si JQuery no tenía ya implementada una forma más elegante de hacerlo.

Y bien, pues no, no la tiene.

Pero la alternativa que tiene, y que es usada por todos los programadores (de acuerdo a los mensajes en diversos sitios donde se consultó este mismo tópico) es:

if ($("#divCualquiera").length)
{
 // realizar las tareas de divCualquiera
}

Ahora bien, la propiedad "length" en JQuery retorna siempre un valor numérico (nos informa la cantidad de elementos contenidos por nuestro objeto). De ahí que se pueda consultar como si fuera un booleano (si cero, es falso; de lo contrario, verdadero).

Debo decir que no me gusta para nada esta solución, ya que no es entendible para quien ve el código por primera vez. Yo esperaba encontrar algo como una función "exists()" o algo por el estilo, pero nada. (De hecho, alguien sugirió crearla por cuenta propia, pero fue increíble la cantidad de comentarios negativos que recibió: pues el fin último de todo programador es reducir el código escrito. Pero yo soy de la opinión que sería ideal mantener la legibilidad del mismo en la medida de lo posible, y una función que pregunta lo que uno realmente quiere, es lo ideal.)

Esop. Hasta pronto con otro tip :)

Referencias:
- Is there an “exists” function for jQuery?
 - Jquery .length

9/3/15

[Web] Error: No aparecen los tipos de documento al intentar Crear Nuevo en Google Drive desde Firefox

Holas!! Hace mil años que no me aparecía por acá, jejeje... Pero bueno, acá estoy :P

Esta vez, es para compartir un nuevo Tip. En esta ocasión, comentarles la rápida solución para aquellos que disfrutan de Google Drive, que usan Firefox, pero que les ha surgido un curioso fallo al intentar Crear un nuevo documento en sus carpetas.

El error que a mí me apareció fue que al intentar crear un nuevo documento, no me aparecían los tipos de documento para elegir. En su lugar, me decía "Conectar aplicaciones...", lo cual hice siguiendo los pasos en la misma web descritos. Pero en vista que ni reiniciando el navegador el error se corregía (vale decir, me seguía saliendo vacía la lista de tipos de documentos, aun cuando al abrir el panel de Conectar Aplicaciones, las apps que yo había "conectado", efectivamente aparecían "conectadas", y encima un error en fondo rojo sobre el Drive me decía unas veces "Surgieron algunos problemas al cargar tus aplicaciones" y otras "Error al conectar con el servidor" o algo parecido).

El caso es que de pronto recordé que en algún momento, no sé si Firefox o mi PC, me mostró alguna pantalla de actualización de Google, y yo no lo tomé en cuenta. Entonces, pensé que de pronto se trataría de algún plugin que ahora era necesario tener activado para hacer que GD funcionara con Firefox. Y de hecho, por allí fue la solución.

Pero no fue en los plugins, sino en los Complementos de Firefox, en donde coloqué en la Búsqueda de Complementos "Google Drive", y me salió algo como "GDrive Panel", asunto que instalé, que pidió reiniciar, y que finalmente, solucionó el problema.

Y esop. Espero que les sirva a ustedes también, si tienen el problema. Y si lo solucionaron de otra forma más sencilla u ortodoxa, les agradeceré compartirlo con nosotros para aumentar nuestra sabiduría, ok? Gracias a todos por leer y aún más por comentar!! Hasta pronto!! :D