Google Web after-hours

Contador en flash JSFL Traductor
Dificultad

Ejemplo

1. Importar un archivo de sonido a la biblioteca y vincular para exportación, nombre de identificador sonido

2. Insertar un campo de texto dinámico y darle el nombre de instancia miTextField

3. Crear dos botones clip de pelí cula subir_btn - bajar_btn (los clip de pelí cula botón consistirán en un campo de texto con nombre de instancia texto)

Código

Objeto sound()

sonidoScroll = new Sound();
sonidoScroll.attachSound("sonido");
sonidoScroll.setVolume(50);

Crear un clip de pelí cula vacio para crear un bucle (función startScroll)

this.createEmptyMovieClip("loop", this.getNextHighestDepth());

Función llamada por el evento onRollOut de los botones de scroll

stopScroll = function () {
        suena=undefined
	sonidoScroll.stop();
	delete loop.onEnterFrame;
	this.texto.textColor = 0x000000;
};

Función llamada por el evento onRollOver de los botones de scroll

startScroll = function (texto, direccion) {
	loop.onEnterFrame = function() {
		if (texto.scroll == texto.maxscroll && direccion == 1 ||
			texto.scroll == 1 && direccion<1) {
			sonidoScroll.stop();
		} else {
			if (!suena) {
				sonidoScroll.start(0, 999);
				suena = true;
			}
		}
		texto.scroll += direccion;
	};
};

Carga de un archivo externo .txt

miTextField.wordWrap = true;
miTextField.multiline = true;
miTextField.text = "Cargando texto ...";
miloadVars = new LoadVars();
miloadVars.onLoad = function(succes) {
	if (succes) {
		miTextField.text = miloadVars.texto;
	} else {
		miTextField.text = "Error";
	}
};
miloadVars.load("texto.txt");

Eventos de botón

subir_btn.onRollOver = function() {
	this.texto.textColor = 0xff0000;

startScroll(miTextField, 1); }; bajar_btn.onRollOver = function() { this.texto.textColor = 0xff0000; startScroll(miTextField, -1); }; // – subir_btn.onRollOut = bajar_btn.onRollOut=stopScroll;

Descargar archivos:
Archivos.zip (3176 hits)(10 Kb)
http://www.after-hours.org/blog/tutoriales/scrollBasico/archivos.zip
Contiene: scrollBasico.fla, texto.txt

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro.

19 Responses to 'Scroll Básico'

  1. manuel Says:

    hola, me he ido a bajar los archivos y al intentar abrir el archivo *.fla no me deja y me dice q el formato en inesperado. Tengo el Flash MX, es un error de compatibilidad supongo ¿como puedo arreglarlo?

  2. tonilopez Says:

    Hola,

    decarga e zip de nuevo, he incluido la versión para Flash MX.

    saludos.

  3. matzker Says:

    Como puedo aumentar el espacio donde se muestra el texto, a fin de poder ver mas lineas al principio???

    gracias

  4. tonilopez Says:

    Solo tienes que cambiar el tamaño del campo de texto, haciendo doble clic y arrastrando.

    Saludos

  5. matzker Says:

    Creo que no me explique bien, lo que quiero es que en el campo de texto aparezcan mas lineas del texto mostrandose y no las que trae por defecto.por ejemplo unas 20 lineas en pantalla.

  6. matzker Says:

    Ademas se me aumenta el tamaño de la letra al agrandar el area.

  7. tonilopez Says:

    Te repito lo mismo de antes, selecciona el campo de texto, estira de la esquina inferior y el texto no cambiará de tamaño.

    saludos.

  8. matzker Says:

    Gracias, ahora si funciono…y muy educativa tu pagina, sigue asi ya que muchos como yo podemos aprender facilmente.

  9. matzker Says:

    toni, como puedo incorporar un texto que tenga formato es decir tenga la forma:
    a)sfddfdfdfdf
    - dfdgdfgfdgfd
    - gdfgdfgdfgdfg
    osea sangria, indentacion,etc.

  10. Sand Says:

    Hola.
    He utilizado este scroll porque me ha parecido de los mejores que me he encontrado por la red. Es sencillo y elegante y desde luego totalmente funcional.

    Le he aplicado algunos retoques, claro, pero tengo una duda que espero me podáis solucionar…

    El scroll en mi CD multimedia es un MovieClip.
    Y lo que pretendo es usar siempre el mismo MC pero que cada vez me cargue el archivo de texto que me haga falta.

    ¿Sabéis cómo puedo hacerlo?

    Os estarí a eternamente agradecido por la ayuda, gracias y enhorabuena.

  11. Andres Says:

    Me parece bastante buena la explicación y el scroll. Pero tengo un problema: necesito meter el texto con scroll dentro de un movie clip enmascarado que se va a mover con efecto de easing, y el problema es que noto que el texto no se carga ni el scroll funciona cuando está dentro de una máscara.

    ¿Tiene solución este problema? ¿O simplmente no puedo meter un scroll dentro de un efecto de easing?

    Muchas gracias!

  12. Andres Says:

    Ya encontré la solución para lo del scroll enmascarado. =)
    si alguien lo necesita me dicen.

  13. Geras Says:

    Hola:

    Me encanta la ideas que exponen pero no se ve el texto a la hora de gurdarla pel. en “swf”
    solo marcaq erro y ya :cry:
    Saludo y gracias a esta web por todo lo que me ha dado. :eek:

  14. tonilopez Says:

    Disculpa Geras, me gustaría ayudarte, pero no entiendo que quieres decir con:

    cita
    ‘…no se ve el texto a la hora de gurdarla pel. en “swf‒

    saludos

  15. luis Says:

    Hola…

    Solo quisiera preguntar… como podria hacer para que en vez de utilizar on stardrag, hacer que funcione el scroll, pero que cada vez que alguien dé click al boton… y tambien poner otro boton en la parte inferior para que al hacer click también se baje el scroll.

    Gracias de antemano.

  16. tonilopez Says:

    :shock:

    Luis, no te equivoas de tutorial? aqui no se usa ningún startDrag. Miratelo anda. :wink:

    saludos

  17. benito Says:

    Hola toni!, me gustaria saber como puedo usar este mismo scroll pero que el texto que carga me respete las etiquetas HTML?

  18. iria Says:

    tengo una duda
    estoy haciendo mi portafolio para la web, y quiero poner un boton que al pulsar descargue mi cv en pdf. Se como hacer botones y todo eso lo que no se es como hacer que se descargue el pdf

    por favor!! alguna sugerencia???

  19. tonilopez Says:

    Con getURL:

    getURL("archivo.pdf"."_blank")

    Si quieres qe no se abra el PDF en el navegador, de berás comprimir previamente el documento PDF y para descargarlo escribirás:

    etURL("archivo.zip"."_blank")