Archive Page 3

Menú acordeón horizontal

Basado en http://www.incimutlu.com/

This movie requires Flash Player 8


Ver ejemplo

Descarga Menu Incimutlu.zip

Menu Incimutlu.zip se ha descargado 829 veces.

18 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 5 (18 votos, promedio: 4.78 sobre 5)
Loading ... Loading ...

Flash tagCloud

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.

This movie requires Flash Player 8

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

SQL:
  1. -- phpMyAdmin SQL Dump
  2. -- version 2.9.1.1
  3. -- http://www.phpmyadmin.net
  4. --
  5. -- Servidor: localhost
  6. -- Versión del servidor: 5.0.27
  7. -- Versión de PHP: 5.2.0
  8. --
  9. -- Base de datos: `tagcloud`
  10. --
  11.  
  12. -- --------------------------------------------------------
  13.  
  14. --
  15. -- Estructura de tabla para la tabla `links`
  16. --
  17.  
  18. CREATE TABLE `links` (
  19.   `id` tinyint(4) NOT NULL AUTO_INCREMENT,
  20.   `texto` varchar(250) NOT NULL,
  21.   `url` varchar(250) NOT NULL,
  22.   `clics` int(6) NOT NULL,
  23.   PRIMARY KEY  (`id`)
  24. ) ENGINE=MyISAM  DEFAULT C

Como insertar un flash tagCloud en una película de flash

  1. Descarga los archivos de ejemplo que hay al final del artículo.
  2. Abre el archivo tagCloud.fla.
  3. Abre la biblioteca.
  4. Copia el contenido de la carpeta en tu película .fla
  5. Arrastra el componente al escenario.
  6. Selecciona el componente en el escenario.
  7. 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,077 veces.

11 Votes | Average: 3.91 out of 511 Votes | Average: 3.91 out of 511 Votes | Average: 3.91 out of 511 Votes | Average: 3.91 out of 511 Votes | Average: 3.91 out of 5 (11 votos, promedio: 3.91 sobre 5)
Loading ... Loading ...

Evitar texto seleccionado en componente textArea.

El componente textArea tiene un extraño comportamiento al utilizar la barra de scroll, el texto queda seleccionado, esto ocurre unicamente si el componente está embebido en un clip de película contenedor.

Para solucionar este feo comportamiento, basta añadir la siguiente sentencia:

Actionscript:
  1. my_textArea.focusTextField = null

Podemos ver la diferencia entre los dos textArea, ambos se encuentran embebidos en un MovieClip de una película de flash principal y han sido cargados via loadMovie(), no obstante, el primero al utilizar la barra de scroll y soltar, deja el texto seleccionado mientras que el segundo no.

This movie requires Flash Player 8

Descarga Ejemplo

Ejemplo se ha descargado 1,085 veces.

4 Votes | Average: 2.75 out of 54 Votes | Average: 2.75 out of 54 Votes | Average: 2.75 out of 54 Votes | Average: 2.75 out of 54 Votes | Average: 2.75 out of 5 (4 votos, promedio: 2.75 sobre 5)
Loading ... Loading ...