Comunidad de diseño web y desarrollo en internet online

Problema con campos de texto con formato css y efecto

Citar            
MensajeEscrito el 22 Sep 2007 06:11 pm
Hola, necesito hacer un efecto de "maquina de escribir" para poner letra por letra un texto, pero tambien necesito que el texto tenga formatos distintos con 'css' y tengo problemas al implementar las 2 cosas
hay un tutorial de lo de css en link y el efecto de maquina de escribir de link

les muestro masomenos como lo tengo hecho, solo tienen que crear un campo de texto y ponerle como nombre de variable "txt"

Código :

var color_txt:TextField.StyleSheet = new TextField.StyleSheet();
color_txt.setStyle(".celeste",{color:'#99CCFF', fontSize:14, fontFamily:Helvetica});
color_txt.setStyle(".rojo",{color:'#FF0000', fontSize:14, fontFamily:Helvetica});
color_txt.setStyle(".azul",{color:'#0000FF', fontSize:14, fontFamily:Helvetica});
color_txt.setStyle(".negro",{color:'#000000', fontSize:14, fontFamily:Helvetica});


txt.html = true;
txt.styleSheet = color_txt;
texto = "<p class= 'rojo'>Esto</p> es un texto <p class='azul'><b>\"body-styled\"</b></p>.";
texto += "\n mas colores de <i>prueba</i>: <p class= 'celeste'>celeste</p> y <p class= 'negro'><b>negro</b></p>";

var c:Number = 1;
c = 1;
function Escribir_texto() {
   if(c <= texto.length){
      txt.htmlText = texto.substr(0, c);
      c = c+1;
   }else clearInterval(intr);
}
intr = setInterval(Escribir_texto,80);


no funciona como deberia, alguna sugerencia?

slds!

Por Benutti

188 de clabLevel

1 tutorial

 

NutT

msie
Citar            
MensajeEscrito el 22 Sep 2007 06:18 pm
Si funciona XD. Abri un archivo nuevo, coloque un texto dinamico y le puse nombre de instancia txt. Hace el efecto de maquina de escribir cambiando el texto (letra, color, estilo ).

Por Wako

77 de clabLevel



 

opera
Citar            
MensajeEscrito el 22 Sep 2007 06:42 pm
si funciona, perono como deberia, funciona mal, en los lugares donde no es texto sino etiquetas, tarda = que si fuera texto pero sin escrbir, ademas salta de linea sin decirle que salte de linea

Por Benutti

188 de clabLevel

1 tutorial

 

NutT

msie
Citar            
MensajeEscrito el 22 Sep 2007 06:53 pm
Si es por el salto que hace al escribir "es un texto" es por el cambio de tamano de letra, el salto de linea es por /n.

Por Wako

77 de clabLevel



 

opera
Citar            
MensajeEscrito el 22 Sep 2007 07:19 pm
Perdon por poner doble. El tamano de letra que pones en el codigo es de 14, solo debes poner la otra igual y listo. Escribo de nuevo porque sigo sin entender a lo que te refieres "tarda = que si fuera texto pero sin escrbir".
Tambien aprovecho para recordarte que la velocidad del setInterval depende de la velocidad de la computadora (solo para que tomes en cuenta la velocidad).

Por Wako

77 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.