en Javascript

Anywhere: Hovercards

Continuando con serie de artículos dedicados al anywhere, ya  vimos la semana pasada como enlazar nombre de usuario de Twitter. Y esta semana hemos analizado la función hovercards, la cual nos permite mostrar la ficha de usuario de Twitter en los nombres de usuario que haya en nuestra página.

Twitter Hovercards

La forma sencilla de llamar a esta función es mediante:

Cabe destacar que esta función llamará, implicitamente, a linkifyUser, por lo que no será necesario hacer cosas como:

Pero igual que linkifyUsers tiene opciones de personalización, aparte del selector de la función T, del que hablamos en el artículo de linkifyUsers, así que nos centraremos en los parámetros de la propia función hovercards. Esta función puede recibir como parámetro un objeto con las siguientes propiedades:

  • linkify: Esta propiedad sirve para indicar si queremos llamar a la función linkifyUsers o no (por defecto el valor es true).
  • infer: Nos permitirá indicarle a la función si el nombre de usuario se encuentra dentro del texto del elemento seleccionado o no (por defecto es false).  Esta propiedad no es compatible con la anterior, si ponemos infer a true linkify pasará a false.
  • username: nos permite identificar cual es el nombre de usuario, cuando no se encuentra en el texto del elemento. Esta propiedad tampoco es compatible con linkify, si especificamos un username linkify pasará a false.
  • expanded:Permite mostrar la hovercard con la información extendida. Con toda la que sale tras pulsar en el “more…”. Parece ser que no lo tienen implementado. No me ha funcionado y no he encontrado evidencia alguna en el código.
  • complete: Tal y como sucedía en linkifyUsers hemos encontrado en el código también la llamada a la funcióncomplete en hovercardsAtributo no documentado.
  • selector: Por defecto es:  a.twitter-anywhere-user pero puedes indicarle otro selecotr sobre el que aplicar las hovercards, por ejemplo si utilizaste el atributo className de linkifyUsers. Atributo no documentado.

Posts Relacionados

Frameworks Javascript & AJAX aNieto2K se hace eco de la nota aparecida en ajaxian: 210 Ajax Frameworks and counting. Y es que la verdad es que desde la popularización de ciert...
JQuery 1.1.3: más rápido, más estable, igual de... JQuery, mi framework javascript preferido, se ha actualizado hoy a la versión 1.1.3. En esta nueva versión aseguran haber mejorado la velocidad de ...
Jquery 1.1.4: Nueva versión, y siguen mejorando JQuery, uno de los mejores frameworks javascript que podéis encontrar actualmente ( el mejor, si me apuráis ), ha publicado hace unos días una ac...