fontsize de letras de unas cadena

roser24 · #1 (**permalink**) 23/01/2011, 11:07

hola chicos,quisiera que el texto que inserte en mi input se visualize cada letra con un tamaño diferente cada letra.
de un tamño pequeño a un tamaño maximo pero en la mitad de la longitud de la cadena empieze a reducir su fontsize
algo asi o O o.
el codigo que tengo por ahora y al que he dado mil vueltas es el siguiente:

Código Javascript:

Ver original<html>
<head>
<script>
var letra;
var altura=0;
function picos(){
var cadena=document.f1.texto.value;
var cad=cadena.length;
 
for(var i=0;i<cad;i++){
 
letra=cadena.charAt(i);
 
 
    if(i<=cad/2){
    altura++;
    letra.fontsize(altura);
    
    }
    else if(i>cad/2){
     altura--;
    letra.fontsize(altura);
    
 
 
    }
 
    }
    document.write(cadena);
    
}
</script>
</head>
<body>
<form name="f1" action="picos.html" method="GET">
Inserta texto:<input type="text" name="texto" style=font-size:9;>
<input type="button" name="enviar" value="ver"onclick="picos();">
</form>
</body>
</html>

Muchas gracias de antemano.Salu2

IsaBelM · #2 (**permalink**) 23/01/2011, 14:34

por curiosidad, qué sentido tiene??

Cita:

quisiera que el texto que inserte en mi input se visualize cada letra con un tamaño diferente cada letra

edito: me he dado cuenta que no te he respondido. el tamaño de la fuente es un valor de 1 a 7, si lo sobrepasa no funciona. pero si aún así continuas quieriendolo, quita el document.write y usa innerHTML +=