en Javascript, Social Media

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.

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

T.hovercards();

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

T.linkifyUsers().hovercards();

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.
Post Anterior
Post Siguiente

Política de Comentarios de pixelovers

Responsable » Juan Manuel Garrido
Finalidad » Moderación de los comentarios
Legitimación » Tu consentimiento expreso que te será requerido por Disqus.
Destinatarios » Los datos de tus comentarios los guardará Disqus, mi sistema de comentarios, que está acogido al acuerdo de seguridad EU-US Privacy Shield tal y como recoge su politica de privacidad
Derechos » Desde Disqus, por tanto, podrás acceder, rectificar, limitar y suprimir tus comentarios o tu cuenta
Tienes más detalles acerca del tratamiento de los datos relacionados con los comentarios en nuestra (Política de Privacidad)