1 votos

Cambiar parametros css mediante input de texto

Hola, estuve buscando la forma de cambiar parámetros css, en el foro encontré ejemplos, pero no mediante un input de texto y no he logrado hacerlo correctamente.¿ Pueden ayudarme a saber en qué me equivoco ? Muchas gracias de antemano.

<script type='text/javascript'>

 function modifica(){

  var valor1=document.getElementById("num1").value; //num1 es mi primer campo de texto
  var valor2=document.getElementById("num2").value; //num1 es mi segundo campo de texto

document.getElementById("grafico2").style.background.color = 'red'; //modifico algunas propiedades del div #grafico2

document.getElementById("grafico2").style.visibility  = 'visible';
document.getElementById("grafico2").style.width = '300px';
 document.getElementById("grafico2").style.height = 'num1+px' ;  //Acá está el error, pero no sé bien como convertir la variable para que modifique los pixeles

alert (num1);//num1 llega correctamente, pero ¿cómo hago para que modifique los pixeles?
    }

Muchas gracias nuevamente

0 votos

Pero una cosa es el estilo de un elemento con tal id, y otra cosa es un css.

2voto

Ivan Muñoz Puntos 1120

Le estas pasando como pixeles "num1+px" cuando lo que tendias que pasarle seria num1+"px"

Prueba con la funcion de esta forma:

        function modifica(){

            var valor1=document.getElementById("num1").value; //num1 es mi primer campo de texto
            var valor2=document.getElementById("num2").value; //num1 es mi segundo campo de texto

            document.getElementById("grafico2").style.background.color = 'red'; //modifico algunas propiedades del div #grafico2

            document.getElementById("grafico2").style.visibility  = 'visible';
            document.getElementById("grafico2").style.width = '300px';
            document.getElementById("grafico2").style.height = num1+"px" ;  //Acá está el error, pero no sé bien como convertir la variable para que modifique los pixeles

            alert (num1);//num1 llega correctamente, pero ¿cómo hago para que modifique los pixeles?
        }

1voto

Charles J. Puntos 20

Muchas gracias, ese era el problema.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: