Cambiar fuente

[totolia]

Pues veran, tengo un select que tiene diferentes opciones, es este:

Código PHP:

   <select name="letra" id="letra" onchange="cambiotamano()"> 
          <option value="muypeque">Muy pequeña</option> 
          <option value="peque">Muy pequeña</option> 
          <option value="normal">Normal</option> 
          <option value="grande">Grande</option> 
          <option selected="selected" value="muygrande">Muy grande</option> 
          <option value="gigante">Gigante</option> 
          <option value="muygigante">Muy gigante</option> 
          <option value="grandisima">Grandisima</option> 
          <option value="enorme">Enorme</option> 
          <option value="allimite">Al limite</option> 
        </select>  
   

Y luego quiero que apartir de esos value me lo corresponda a un tamaño de letra.

Y estos son los condicionales:

Código PHP:

  function cambiotamano(){ 
var letra = document.getElementById("letra"); 
if(letra.value==muypeque){ 
var tamano = "8px"; 
} 
if(letra.value==peque){ 
var tamano = "10px"; 
} 
if(letra.value==normal){ 
var tamano = "12px"; 
} 
if(letra.value==grande){ 
var tamano = "14px"; 
} 
if(letra.value==muygrande){ 
var tamano = "16px"; 
} 
if(letra.value==gigante){ 
var tamano = "18px"; 
} 
if(letra.value==muygigante){ 
var tamano = "20px"; 
} 
if(letra.value==grandisima){ 
var tamano = "22px"; 
} 
if(letra.value==enorme){ 
var tamano = "24px"; 
} 
if(letra.value==allimite){ 
var tamano = "26px"; 
} 
var nombreletra = document.getElementById("ncolor"); 
nombreletra.style.fontSize = tamano; 
};  
   

Supongo que estarán mal formulados, he estado mirando tutoriales y no acabo de entender el funcionamiento. No puedo realizarlo de otra forma es decir, que en vez de utilizar condicionales, el valor del select corresponda directamente al del fontsize, no puedo hacerlo así porque ese valor ya lo utilizo para otra cosa. Alguien sabe decirme que error hay?

[totolia]

Perdon me olvide poner donde se aplica el fontsize:

Código PHP:

  <div id="ncolor" name="ncolor" style="color: #ffffff; font-size: 12px;">Hola</div>  
   

[_cronos2]

¿Tú lo que quieres es que en el onchange del select cambie el tamaño de la letra del div no?

Código Javascript:

function cambiotamano(sel){
var letra = document.getElementById("letra");
switch(sel.value){
 case 'muypeque':
  tamano = '8px';
  break;
 case 'peque':
  tamano = '10px';
  break;
 case 'normal':
  tamano = '12px';
  break;
//así sucesivamente hasta que tengas todos los posibles valores del select
 }
 var nombreletra = document.getElementById("ncolor"); 
 nombreletra.style.fontSize = tamano;
}
 

Código HTML:

<select name="letra" id="letra" onchange="cambiotamano(this)">
          <option value="muypeque">Muy pequeña</option>
          <option value="peque">Muy pequeña</option>
          <option value="normal">Normal</option>
          <option value="grande">Grande</option>
          <option selected="selected" value="muygrande">Muy grande</option>
          <option value="gigante">Gigante</option>
          <option value="muygigante">Muy gigante</option>
          <option value="grandisima">Grandisima</option>
          <option value="enorme">Enorme</option>
          <option value="allimite">Al limite</option>
        </select>  
<div id="ncolor" style="color: #fff; font-size: 12px;">Hola</div>
 

Ah, por cierto, técnicamente los divs no tienen name.
Saludos (:

[Adler]

Hola

Sería mas conveniente esto otro. Cambiar las reglas definidas en un .css externo

Suerte