Archive Page 6

maxchars: Clase que emula la propiedad maxChars sin contar espacios en blanco.

by toni November 28th, 2006

OOP 0 Comentarios  4,504 Lecturas

Articulos relacionados.
La clase ContextMenu
Flash MX 2004 - Componente Tree
Paregos Scroll de Texto
Utilizando contornos de fuentes incorporadas (embedFonts) en componentes de flash
Clase graficaBarras (crear gráficas de barras)

Como sabeis, la clase textfield cuenta con la propiedad maxChars que permite limitar el número de caracteres que acepta un campo de entrada. Normalmente, es muy útil, pero ¿que pasa si no quiero que en el computo de caracteres introducidos se tengan en cuenta los espacios en blanco? Pues que no puede ser, el espacio en blanco es tambien un caracter.

Continua leyendo ‘maxchars: Clase que emula la propiedad maxChars sin contar espacios en blanco.’

1 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 5 (1 votos, promedio: 5 sobre 5)
Loading ... Loading ...

Flash tracer para Internet Explorer

by toni October 27th, 2006

actionScript 2 Comentarios  15,157 Lecturas

Articulos relacionados.
Pasar parámetros desde HTML a Flash
Apollo Alpha
Paregos Scroll de Texto
Noticias con Flash XML y CSS
Flash tagCloud

Keywords flash.external.ExternalInterface

  1. Usando externalInterface
  2. Comunicación con javaScript:tracer.js

Usando externalInterface

Sistema para visualizar los traces de flash en un sitio web instalado en un servidor, creando un sencillo sistema de debug. Esta primera versión, permite hacer traces de cualquier objeto o clase de flash mostrando la salida en un nuevo documento HTML.

En tu documento flash se incluye una función que conecta con un javaScript externo.

PLAIN TEXT
Actionscript:
  1. tracer = function (msg:Object):Void {
  2.     import flash.external.*;
  3.     if (arguments.length == 0) {
  4.         return;
  5.     }
  6.     ExternalInterface.call("tracer", msg);
  7. };

Ejemplo de uso:

PLAIN TEXT
Actionscript:
  1. var mensaje:String = 'Hola Mundo';
  2. tracer(mensaje);

Comunicación con javaScript:tracer.js

En tu documento HTML, tienes que incluir entre las etiquetas <HEAD></HEAD> la siguiente sentencia:

PLAIN TEXT
HTML:
  1. &lt;script src="tracer.js" type="text/javascript"&gt;&lt;/script&gt;

Por útimo, deberás instalar el archivo 'tracer.js' en el directorio que hayas indicado en la línea anterior.

Código de 'tracer.js'

PLAIN TEXT
JavaScript:
  1. var opciones='left=100,top=100,width=450,height=450,scrollbars=1';
  2. mi_ventana = window.open("","",opciones);
  3. mi_ventana.moveTo(0,0);
  4. function tracer(msg) {
  5. var output =  '---------------------------' + '&lt;br /&gt;';
  6. output += '&lt:b&gt;' + typeof(msg)  + '&lt:/b&gt;' +  '&lt;br /&gt;';
  7. if(typeof(msg) == 'object'){
  8. for (var i = 0; i &lt;msg.length; i++){
  9.     output +=  msg[i]  + '&lt;br /&gt;';
  10.     }
  11. }else{
  12.     output += msg + '&lt;br /&gt;';
  13.     }
  14. mi_ventana.document.write(output);
  15. }

Nota Recuerda!, los archivos tienen que ser ejecutados desde un servidor (localhost tambien)

Descarga Flashtracer.zip

Flashtracer.zip se ha descargado 1,021 veces.

3 Votes | Average: 3.33 out of 53 Votes | Average: 3.33 out of 53 Votes | Average: 3.33 out of 53 Votes | Average: 3.33 out of 53 Votes | Average: 3.33 out of 5 (3 votos, promedio: 3.33 sobre 5)
Loading ... Loading ...

Fondo de pantalla adaptable a tamaño del navegador.

by toni October 8th, 2006

actionScript 17 Comentarios  21,319 Lecturas

Articulos relacionados.
textArea component & background transparente
ToolTip
Simulando el scroll del navegador con flash
Scroll Component
Flash anchors

KeyWords> Stage.onResize, MovieClipLoader()

A estas alturas de Flash, hay pequeños detalles que marcan la diferencia, cuando vemos uuna web nueva que nos impacta, nuestro lado perverso nos lleva a buscar pequeños fallos o a pensar como se habrá hecho aquello que tanto nos gusta. Personalmente, una de mis manías consiste en comprobar si los contenidos se adpatan a la resolución de pantalla. Un claro ejemplo es el de una web que utiliza un fondo de pantalla que ocupa toda la ventana del navegador. Que feo queda cuando la imagen se distorsiona o queda cortada. Veamos como arreglar este problema.

Ver ejemplo »

Optimizamos el escenario, para el uso del objeto Stage.

PLAIN TEXT
Actionscript:
  1. Stage.scaleMode = 'noScale';
  2. Stage.align = 'TL';

La función stageResize, redimensiona el el fondo de la película cada vez que se modifica el tamaño de la ventana del navegador.

PLAIN TEXT
Actionscript:
  1. stageResize = function ():Void {
  2.     holder._width = Stage.width;
  3.     holder._height = Stage.height;
  4. };
  5. stageListener = new Object();
  6. stageListener.onResize = stageResize;
  7. Stage.addListener(stageListener);

Necesitamos un preloader para la precarga de nuestro fondo de pantalla.

PLAIN TEXT
Actionscript:
  1. this.createTextField("my_txt", 1, 0, 0, 300, 100);
  2. my_txt.autoSize = true;
  3. var my_fmt:TextFormat = new TextFormat();
  4. my_fmt.color = 0x000000;
  5. my_fmt.font = 'Arial';
  6. my_fmt.size = 10
  7. my_txt.setNewTextFormat(my_fmt);

Mostrar precarga

PLAIN TEXT
Actionscript:
  1. var my_listener:Object = new Object();
  2. my_listener.onLoadProgress =
  3. function(target_mc:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void  {
  4.     my_txt.text = 'Cargando ...  ' + Math.round(bytesLoaded / bytesTotal * 100) + ' %';
  5. };

PLAIN TEXT
Actionscript:
  1. my_listener.onLoadInit = function(target_mc:MovieClip) {
  2.     my_txt.removeTextField();
  3.     mcLoader.removeListener(my_listener);
  4.     stageResize();
  5. };

Carga de la imagen.

PLAIN TEXT
Actionscript:
  1. var holder:MovieClip =
  2. this.createEmptyMovieClip('holder_mc', this.getNextHighestDepth());
  3. var mcLoader:MovieClipLoader = new MovieClipLoader();
  4. mcLoader.addListener(my_listener);
  5. mcLoader.loadClip('images/bg01.jpg', holder);

Publicar

El último toque consiste en configurar los parámetros de publicación, abrir el panel Configuración de publicación y asegurate de cambiar los siguientes valores:

  • Dimensions: percent
  • Escale: no scale

Descarga Fondopantalla.zip

Fondopantalla.zip se ha descargado 2,548 veces.

3 Votes | Average: 2.33 out of 53 Votes | Average: 2.33 out of 53 Votes | Average: 2.33 out of 53 Votes | Average: 2.33 out of 53 Votes | Average: 2.33 out of 5 (3 votos, promedio: 2.33 sobre 5)
Loading ... Loading ...

About

You are currently browsing the After-hours weblog archives.

Latest

Subscribe

Subscribe to my RSS Feeds

Archives

Categories