Crear scrollbar más efecto de easing ... texto dinamico???

Hola a todos estube viendo como hacer un scroll con efecto easing en el siguiente link de cristalab http://www.cristalab.com/tutoriales/135/crear-scrollbar-mas-efecto-de-easing
lo que me gustaria saber es si se puede a este muy buen ejemplo se le puede agregar que el el texto que se muestra sea un texto de uhn archivo .txt que se encuentra en la misma carpeta.

muchas gracias de antemando


saludos

giulio

Hola
Por que no le hechas un ojo a la funcion LoadVars, que se encarga de levantar datos de archivos.
Saludos

si funciona, pero a ésto tengo una duda, probé meter el texto con load vars, y si lo carga en el clip, pero el texto sobrepasa el tamaño de la máscara, y el scroll funciona si el texto es incluido desde actionscript así:

Código :

var contenidoTexto = "Lector de Programación del 13— y antes de salir a comerse la cancha le confesó a Clarín: ";
clip.texto.autoSize = true;
clip.texto.htmlText = contenidos_lv;

yo en vez de ésto utilize un loadVars para incluir el texto, pero no funciona el scrollbar, es mas ni aparece .

alguien me puede ayudar?

Hola, yo tengo el mismo problema.... he intentado cargar el texto con LoadVars, copio el código (lo siento no tengo muchos conocimientos):

#include "scroll_easyn.as"
var nivel = _root.mcCont;
var clip = _root.mcCont.mc;
var anchoScroll = 5;
var suavizado = 5;
clip.texto.autoSize = true;
clip.contenidoTexto=new LoadVars();
clip.texto.htmlText = "cargando";

clip.contenidoTexto.load("contenidos.txt");
clip.contenidoTexto.onLoad=function(){
titulo=contenidoTexto.titulo;
descripcion=contenidoTexto.descripcion;
texto.htmlText="";
texto.htmlText="<u>"+"<b>"+titulo+"</b></u>"+"<br>"+descripcion;
trace(titulo);
}


_root.generarScrollEasyn(nivel, clip, anchoScroll, 6);


He probado cambiando las rutas, pero no hay forma, no he conseguido que funcione el scroll.... puede alguien ayudarme?

Muchas gracias
Muchas gracias

El scroll lo debes crear dentro del onLoad del objeto loadVars, si lo pones fuera tratará de crearse el scroll cuando el texto está vacío.

tengo un scroll q se parece un poco al de cristalab.. ( parece nada mas... aclaro para los q despues digan te robaste el trabajo de otro... etc ) bueno.. si te gusta mandame un mensaje privado... y te paso el .fla

Para ver el ejemplo entra a www.deroh.com y en donde dice musica en el menu... hace click y fijate te va a salir el scroll
y bueno.. si queres le puedo agregar la barra....

Hola elchininet, antes de nada muchas gracias por la brevedad en la respuesta.... después de darle unas cuantas vueltas he conseguido que cargue el texto y el scroll, pero he intentado aplicarlo a varias imágenes (adaptando el código de otro tutorial de Cristalab y me surge otro problema que por más vueltas que le he dado no he conseguido solucionar. Y es que he hecho más ancho el campo de texto y la máscara y he intentado cargar varias imágenes y textos. Es decir que dentro del campo de texto se cargue título-descripción-imagen-separador-otro título-otra descripción-otro título, etc...

El caso es que si el campo de texto es estrecho se carga todo sin problema, pero al hacerlo más ancho (lo he alargado desde el propio campo de texto, en el espacio de trabajo) todo se descoloca porque las imágenes se montan una encima de la otra y los textos no respetan los saltos de línea, y el scroll no aparece (sí aparece cuando solo cargo una imagen)...

Copio el código as:
#include "scroll_easyn.as"
var nivel = _root.mcCont;
var clip = _root.mcCont.mc;
var anchoScroll = 5;
var suavizado = 5;
clip.texto.htmlText=true;
clip.texto.autoSize = true;
clip.texto.wordWrap = true;

contenidoTexto = new LoadVars();
clip.texto.htmlText = "Cargando...";
contenidoTexto.load("data_varias.txt");

contenidoTexto.onLoad = function() {
titulo=contenidoTexto.titulo.split("@@@");
descripcion=contenidoTexto.descripcion.split("@@@");
imagen = contenidoTexto.imagen.split("@@@");
separador = "----------------------------------------------------------";


clip.texto.htmlText="";
for (var i = 0; i<titulo.length; i++) {
clip.texto.htmlText += "<b>"+"<u>"+titulo[i]+"</u></b><br>"+descripcion[i]+"<br><br>"+"<img src=\""+imagen[i]+"\">"+"<br>"+separador;
}
generarScrollEasyn(nivel, clip, anchoScroll, 6);
}



y el texto de mi .txt:

&titulo=América firma nuevos compromisos@@@Descartan más salario a diputados para compensar ISR@@@Sin riesgo en la Entidad por el "mal de las vacas locas" &
&descripcion=MONTERREY.- La Cumbre Extraordinaria de las Américas terminó ayer martes exactamente como había empezado: los intereses individuales de los países opacaron el debate de los temas de la convocatoria.@@@La propuesta del PAN en el Congreso del Estado no contempla incrementar el salario a los diputados para que éstos puedan compensar la baja de sus ingresos por la aplicación del pago del Impuesto Sobre la Renta (ISR) a la totalidad de sus percepciones.@@@En este momento el llamado "mal de las vacas locas" no representa ningún riesgo para Jalisco, igual que para toda la República, pues la Secretaría de Agricultura, Ganadería, Desarrollo Rural, Pesca y Alimentación (Sagarpa), tiene absoluta seguridad de que no ingresan al país productos cárnicos provenientes de Estados Unidos y Canadá, lugares en los que recientemente se presentaron casos de la enfermedad.&
&imagen=imagenes_noticias/noticia.jpg@@@imagenes_noticias/noticia2.jpg@@@imagenes_noticias/noticia3.jpg&


¿Alguien sabe qué estoy haciendo mal? ¿cómo lo puedo solucionar?

Muchas gracias

Lo más seguro es que tenga que ver con las imágenes:

Código ActionScript :

<img align="left"

No crees que pare esto que estás haciendo te viene mejor trabajar con XML?

Gracias de nuevo elchininet, pero no me funciona.... no sé si puede ser porque las imágenes tengan diferente tamaño entre sí, pero el caso es que no hay forma. Había probado a poner diferentes alineaciones, e incluso a meter las imágenes dentro de un div y mediante css darles el ancho del scroll para forzar al texto a colocarse debajo (lo cual no sé si es realmente posible o no, porque tampoco me ha funcionado)....

Con respecto a hacerlo en xml, seguramente tengas razón. La idea es que luego lo actualice otra persona, por eso pensé que con un .txt sería más fácil. Por otro lado, siempre que he hecho algo con xml (tampoco tengo mucha idea) ha sido dibujando las películas en el stage y por tanto dándoles una posición fija, y en este caso necesitaría que la imágen o e texto se colocaran a continuación del elemento anterior, pudiendo variar éste de tamaño. De todas formas, ¿conoces algún código o tutorial de xml para hacer algo parecido a lo que busco?

Muchas gracias

Postea un link a la página donde tienes el problema, porque todavía no logro enteneder bien lo que te sucede.

Me parece que sería más fácil actualizar un XML que un txt separado por @@@ para un usuario medio, de todas maneras lo más correcto es crear una base de datos y que un lenguaje backend lea el contenido de esta y devuelva un XML a flash, de esta manera se podría crear una interfase para que cualquier usuario pueda actualizar la base de datos.

El el sitio hay varios posts y tutoriales con el tema de Base de datos y trabajo con XML, puedes consultarlos para empezar.

Hola,
Este es el link, con la caja de texto más estrecha, y que funciona perfectamente, sólo que lo que yo la necesito necesito mucho más ancha.
http://www.kutula.es/pablo/prueba1/
y este es el link con la caja de texto ancha, utilizando exactamente el mismo código, pero que todo sale descolocado y sin scroll:
http://www.kutula.es/pablo/prueba2/

Con bases de datos y xml, ahora no me puedo meter, estoy de momento intentando aprender algo de javascript y actionscript mediante tutoriales, pero cada vez me doy más cuenta de que tengo que aprender más y más lenguajes, ya que todo está interconectado.... en fin, que cuanto más vas conociendo más necesitas aprender y al final es una locura!

Muchas gracias

Hola Deroh, siento haber tardado en contestar, pero la verdad es que no había visto el mensaje hasta ahora ( no me había llegado notificación). Gracias por tu respuesta. Con tu scroll ¿podría cargar texto e imágenes externas y calcularía el alto del contenido adaptándose a él? Si es así me vendría de perlas....
Muchas gracias

tengo la solucion... bajate este .fla

http://www.deroh.com/Sin título-5.zip

el resultado es este

http://www.deroh.com/Sin título-5.swf

claro q le podes poner imagenes... letras, etc

cargas imagenes con

loadmovie... u otra cosa... bueno.. era eso.. si te sirve.. agradece y si no.. bueno .. lo intentamos...

pass:

deroh.com

el link es
http://www.deroh.com/2.swf
http://www.deroh.com/2.zip

jiji disculpa...

Gracias Deroh, pero creo que no me sirve, ya que lo que necesito es que la altura del contenido se calcule de forma dinámica, es decir que "scrolee" más o menos enfunción de lo largo que sea el contenido, que variará sin tener que entrar en flash para modificarlo, no sé si me explico. El problema que tengo no es con el scroll en sí, sino con la forma de cargarse el contenido..... pero gracias de todas formas!

BUeno... Algo es algo... Salu2!

@kutula, viendo los links ya entiendo lo que te sucede, el problema es que en flash los textos bordearán a las imágenes, si no quiseras que esto sucediera tendría que haber una cantidad de saltos de línea específica entre la imagen y el texto que le sigue, como lo estás haciendo dinamicamente sería imposible saber que cantidad de saltos de línea requiere, por lo que te aconsejo algo:

No lo hagas todo en un solo texto, dinamicamente dentro del movieClip "clip" ve creando las imágenes y los textos intercalados uno debajo del otro y después le aplicas el scroll al MovieClip, de esta manera no te generaría problemas.

¿No hay ninguna forma de forzar al texto para que no bordee a la imagen?
Lo que me sugieres sería algo así como utilizar create Empty movie clip para la variable imagen, y que dentro de esa mc se cargara la imagen definida por el .txt ¿verdad?
o se me ocurre, pero no se si es una burrada, que en lugar de cargar una imagen.... cargar un swf con el ancho del scroll, con lo que fuerzo al texto a colocarse debajo, y ese swf cargaría dinámicamente la imagen.... no sé si esto , aunque cutre, sería posible, voy a intentar sacarlo de alguna forma....
muchas gracias

No hay forma de forzarlo, si la imagen fuera del tamaño del campo esto no sucedería, de todas maneras no me parece buena solución lo de un swf que lea la imagen, lo mejor, como te había aconsejado, es que crees movieClips, leas dentro de estos las imagenes y crees campos de textos donde vayas insertando los textos.

saludos.
He realizado un cuadro de texto dinamico, en el que hago llamado de texto a partir de botones, con el sencillo comando:

on (release) {loadVariablesNum("nombredelarchivo.txt", 0);}
(comando ejemplo)

en donde el cuadro de texto tiene un area delimitada.
Como entenderan, tengo varios botones que hacen llamado de texto a este mismo cuadro de texto dinamico,
el problema està en que algunos textos son mas extensos que otros, por lo que necesito un scrollbar con efecto easing.

he seguido el ejemplo acontinuacion:
http://www.recursos-flash.es/?q=node/10

pero no consigo utilizar que varios botones hagan llamado de texto a un mismo cuadro de texto dinamico y que ademàs aparezca el scrollbar con efecto easing.
Debo decir que soy novato en este tema, por lo que agradeceria mucho su colaboraciòn.

@andrezael sigue este post

Reabriendo el debate, estoy diseñando una web estilo "pageflip" en el que cada página es un movie independiente que cargo posteriormente en la película principal.

He aplicado el tutorial anteriormente mencionado del scroll+easing y aplicado algunas modificaciones que se han venido comentando en este hilo para cargar un XML en el scroll con el texto que necesito.

Al generar la película de la página funciona todo correctamente. El problema surge a la hora de cargar la página en el movie principal (es decir, el book con las páginas), en el que se me muestra todo el contenido de las páginas menos el contenido creado con el scroll+easing+xml.

Creo que el problema no proviene del xml, ya que parte de la página carga desde el mismo, del mismo modo que el scroll, pero no se muestra este y en cambio el resto del contenido si.

También pensé que era que el movie principal no cargaba el "scrollbar_easing.as" y lo incluí en el código pero tampoco.

¿Alguien tiene idea de porque el movie principal no carga el scroll, en cambio el movie de la página sí?

He colgado en mi web un zip (pesa 677 kb) con el contenido de la web (xml, swf, fla, as, etc)., para que podais echar un vistazo al contenido de los archivos por si veis algun error que se me haya pasado por alto.

Aquí teneis el link: http://www.silviafotografia.com/quick_start.zip

Muchas gracias de antemano,

Saludos.

@avizcaino.87, quizás este post te ayude con tu problema.

@elchininet, gracias por contestar tan rápido, a partir del post que me has pasado he tenido una idea.

Simplemente he eliminado el "_root" del siguiente código, ya que ello hacia que el movieclip donde se cargaba el scroll solamente funcionara en el movie de la página y no en el general.

var nivel = _root.mcCont;
var clip = _root.mcCont.mc;

Después he incluido la libreria scroll_easyn.as en el movie principal para que funcionara el scroll (también en la misma carpeta del .fla del movie principal), ya que sin ello, se me mostraba el texto pero no funcionaba la barra del scroll y no podia leerlo todo.

#include "scroll_easyn.as"

Gracias por la ayuda!