Una nube de etiquetas (tag cloud en inglés) es una representación visual de las «etiquetas» usadas en un sitio web. Generalmente este listado de palabras se ordena alfabéticamente; las etiquetas más utilizadas se representadan con un tipo de letra de tamaño mayor que el resto.
Extraido de wikipedia
Ejemplo
En el ejemplo, una lista de enlaces a las webs de algunos amigos, cada vez que haces clic, se incrementa el número que hay entre parentesis y el tamaño de los tags se modifica.
Requisitos
flash tagCloud corre sobre una base de datos de MySql y maneja los datos (lectura/escritura) con PHP.
Instalación
Con PhpMyAdmin (o tu servidor de MySql favorito) crea una base de datos con nombre tagCLouds e inserta una tabla con nombre links.
Estructura de la tabla links
-
-- phpMyAdmin SQL Dump
-
-- version 2.9.1.1
-
-- http://www.phpmyadmin.net
-
--
-
-- Servidor: localhost
-
-- Versión del servidor: 5.0.27
-
-- Versión de PHP: 5.2.0
-
--
-
-- Base de datos: `tagcloud`
-
--
-
-
-- --------------------------------------------------------
-
-
--
-
-- Estructura de tabla para la tabla `links`
-
--
-
-
CREATE TABLE `links` (
-
`id` tinyint(4) NOT NULL AUTO_INCREMENT,
-
`texto` varchar(250) NOT NULL,
-
`url` varchar(250) NOT NULL,
-
`clics` int(6) NOT NULL,
-
PRIMARY KEY (`id`)
-
) ENGINE=MyISAM DEFAULT C
Como insertar un flash tagCloud en una película de flash
- Descarga los archivos de ejemplo que hay al final del artículo.
- Abre el archivo tagCloud.fla.
- Abre la biblioteca.
- Copia el contenido de la carpeta en tu película .fla
- Arrastra el componente al escenario.
- Selecciona el componente en el escenario.
- En el inspector de propiedades, define los parámetros.
Parámetros
| Parámetro | Descripción | Tipo |
|---|---|---|
| ancho | Especifica el ancho del tagCloud | Number |
| rollOver tag color | Color del tag para el evento onRollOver | Number |
| rollOut tag color | Color del tag para el evento nRollOut | Number |
| Espacio entre líneas | Interlineado | Number |
| Tamaño minimo de fuente | Tamaño minimo de fuente | Number |
| Fuente | Fuente | String |
| Incrementar | Incrementa en 1 el valor del campo de la tabla ‘clics’ | Boolean |
| Abrir URL | Especifica si se abre URL al hacer clic | Boolean |
| path | Ruta al directorio donde se ubican los archivos .php | String |
| target | Modo de ventana | String |
| showHints | Especifica si el tag muestra el número de clics | Boolean |
Lista toDo
A continuación redacto una lista para una posible versión v02 de flash tagClouds.
- Añadir toolTips a los tags
- Añadir color para link visitado
Si has encontrado útil flash tagClouds y se te ocurre alguna mejora agradeceremos tus comentarios.
Actualizaciones
Versión 01_2
- Añadido parámetro showHints: parámetro boleano que especifica si mostrar el número de hints en el tag (en el ejemplo false)
- Corregido problema de interlineado: Cuando un enlace recibia una cantidad de clics muy superior al resto se solapaba.
Descarga Tagcloudv01 2.zip
Tagcloudv01 2.zip se ha descargado 1,463 veces.
(11 votos, promedio: 3.91 sobre 5)
Loading ...
Hola Toni,
Muy guapa la aplicación... me parece muy interesante su uso...
Y gracias por incluir mi portafolio en la nube... jejejej!!
Un saludo!