Ir al contenido principal

[javascript] Función Javascript para obtener objeto ancestro (padre)

¡Holas! Ayer mientras trabajaba, la necesidad me hizo crear la siguiente función Javascript: se trata de una forma de obtener referencia a los objetos ancestro de otro en un contexto HTML. Por ejemplo, tenemos un botón, y queremos saber cómo se llama (el ID) del objeto donde está contenido, por un ejemplo, una capa o una celda de tabla. Esto ayuda harto cuando nuestra página es ultra dinámica, y necesitamos que el "hijo" sepa quién es su "padre", independiente de quién sea el "hijo".

Claro que, como es de esperar, no me quedé ahí. Y ya que logré obtener la referencia al "padre", pensé "y ¿se podrá obtener la referencia al abuelo, o bisabuelo, o etc.?". Y puestos en el camino, el ensayo me dio la respuesta: sí :)

Luego, ya que la función no sólo obtenía la referencia al padre, sino a cualquier "ancestro" del "hijo", no podía sino ponerle un nombre apropiado a la función, por eso le puse "tatas()", jejeje :P (Claro que en mi trabajo no podía dejarle ese nombre, y la renombré como "ancestros()", jejeje).

He subido a mi sitio un archivo con un ejemplo de la función, y por supuesto, la función en sí :)

Si la van a usar, por favor no olviden copiarla intacta, sin borrar los créditos, pues aparte está la descripción de la función, que puede ser útil si alguien, aparte de ustedes, quiere usar la función luego de encontrarla en vuestro sitio.

Ver Función tatas() (c) 2011 quinqui

Eso sería, espero que les sea útil la funcioncita! Gracias por leer, y hasta pronto :D

EDITADO: Acabo de darme cuenta que el link no está funcionando, y es porque el archivo tatas.html que alojé en mi host ya no está O_o Pido paciencia hasta que vuelva a casa y lo re-suba. Qué raro... -_- (no sé por qué pienso que tiene que ver con la caída del servicio de host de hace unos días atrás, de pronto subieron un respaldo de mis archivos, en el cual no estaba el archivo tatas.html, ya que lo subí hace poco...). Mil disculpas.

Comentarios

Entradas populares de este blog

[javascript] Scroll vertical se vuelve loco al trabajar un menú fijo (fixed menu)

Estoy trabajando en el desarrollo de una página web, en la cual va incluido un menú en la parte superior, de esos amplios que están tan de moda en el diseño gráfico web hoy en día. La idea es que al bajar por la página, este menú permanezca fijo y visible en la parte superior de la página, pero con el detalle de que sea una versión reducida del menú original. O sea, disminuye el alto del menú y el tamaño de la fuente, a fin de no molestar demasiado con el resto del contenido visible en la ventana.  El problema: Hasta ahí había logrado hacer toda la funcionalidad usando CSS y Javascript. De hecho iba perfecto, exceeeeepto en algunas ocasiones en las que, especialmente cuando la cantidad de contenido en la página no alcanzaba a traspasar mucho el alto de la ventana, y se generaba la barra de desplazamiento vertical, con la cual yo intentaba bajar con el scroll, el mismo se volvía loco y alternaba la apariencia del menú superior entre la amplia y la reducida, moviendo el scroll por s...

[phpMyAdmin] El almacenamiento de configuración phpMyAdmin no está completamente configurado...

Estaba trabajando en la página de Wordpress para mi cliente, en mi instalación local ( localhost ) y cuando se me ocurre actualizar un par de plugins de WP, todo se cae. Wordpress me da unos avisos horribles de que el usuario de base de datos de WP no tiene el privilegio para alterar la BD... Me sugiere reparar las tablas. Y cuando voy a phpMyAdmin (pMA), el administrador de la BD, éste me sale con el mensaje: El almacenamiento de configuración phpMyAdmin no está completamente configurado, algunas funcionalidades extendidas fueron deshabilitadas. Averigüe por qué. Le doy click al link de "Averigüe por qué" y me muestra un nuevo mensaje, que me informa que la "Configuración de pma ... no recibió el OK ". El primer mensaje me apareció en la pantalla de inicio de phpMyAdmin.  Pero yo primero lo vi (no exactamente el mismo) en la pestaña de Operaciones de la BD de WP... y sucesivamente en la pestaña de Operaciones de todas las BD. En este caso, me ofrecía crear las ta...

[mysql] Pasar array a parámetro de procedimiento almacenado (Mysql)

Me tocó hacer una consulta que retornaba una lista de items relacionados con una lista de usuarios que podían o no tener registros en común (vale decir, tabla de quiebre). La lista debía retornar siempre la lista de items, independiente de si había usuarios por los cuales consultar y/o si los usuarios tenían relación con ellos, pero debía mostrarme el status de los usuarios por cada item, de haberlos, esto es, una lista de nombres con una columna que podía estar vacía o no. Para el caso de tener que consultar los items relacionados con usuarios, al hacer la consulta utilizando un LEFT JOIN, me daba resultados si los usuarios tenían relación con los ítems, pero no si los usuarios no tenían items asociados pues, obviamente, al no estar relacionados, la consulta retorna vacío. Por ello, la solución era hacer la consulta de los items primero, y luego por cada item preguntar el status del usuario por cada uno. Para ello, tenía dos alternativas: hacerlo por programación o hacerlo por bas...