Crear tooltips en joomla

Los Tooltips son pequeños trozos de texto que aparecen al pasar el ratón por alguna de las zonas de nuestra web. Son muy utilizados en el backend de joomla para indicarnos la utilidad de los campos de los formularios que rellenamos.

En este artículo vamos a ver como podemos implementar de manera sencilla esos tooltips en nuestros desarrollos.

Lo primero que debemos hacer es insertar el javascript necesario. Joomla ya nos tiene preparado un método sencillo, que se va ha encargar de insertar todas las librerias y scripts necesarios. Solo debemos llamarlo desde nuestra vista de la siguiente forma:

JHTML::_('behavior.tooltip');

Bien con esto ya tenemos todo lo necesario encuanto a javascript se refiere. Ahora debemos poner el codigo Html necesario.

Poner el tooltip en una imagen

Podemos poner nuestro tooltip a una imagen de manera muy sencilla. Todo lo que debemos hacer es colocar este método en nuestra vista:

<?php 
    echo JHTML::tooltip('Este es el texto del ToolTip', 'Título del ToolTip', 'tooltip.png', '', 'https://todojoomla.wordpress.com/');
?>

Sólo incluyendo estas dos llamadas al API de joomla hemos conseguido nuestro tooltip. Pero vamos a ver que son cada uno de estos parámetros.

  1. El primero es el texto de nuestro tooltip
  2. Es el título de nuestro tooltip.
  3. El tercero es el nombre de la imagen que hemos elegido para nuestro tooltip. Esta debe existir en el directorio “/media/system/images”.
  4. Éste lo vemos en los tooltips de texto.
  5. Y el último parámetro sirve para poner un enlace a la imagen.

Poner el tooltip en texto

Otra opción es poner el tooltip en un texto en vez de en una imagen. El procedimiento que debemso seguir es el mismo. Unicamente hay que modificar un poco la llamada anterior, para dejarla de este modo:

<?php 
echo JHTML::tooltip('Este es el texto del ToolTip', 'Título del ToolTip', '', 'Texto que muesta el tooltip');
?>

Como vemos sólo hay que llamar al método anterior pero variando un poco los parámetros. Ahora pasamos vacio el nombre de la imagen y a continuación pasamos el texto que hará de “ancla” para nuestro tooltip.

Como ya vimos en este artículo, podemos dar los estilos que queramos a nuestros tooltips en joomla.

Esta entrada fue publicada en Componentes. Guarda el enlace permanente.

2 respuestas a Crear tooltips en joomla

  1. Daniel dijo:

    Hola Mikel, interesante propuesta, pero no se entiende dónde hay que insertar el codigo “Solo debemos llamarlo desde nuestra vista”.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s