Modificar CSS con JavaScript

penwin · #1 (**permalink**) 23/08/2011, 06:01

Hola gente, el problema es el siguiente:
Estoy creando funciones para editar el CSS de una web, el cambio se realiza bien, el problema es que una vez que se finaliza la función vuelve a su estado original.

Que puede ser? la hoja de estilos prevalece con respecto a la función js? o como podría hacer para editar directamente el CSS en tiempo de ejecución?

Gracias por vuestro tiempo. :D

_cronos2 · #2 (**permalink**) 23/08/2011, 06:28

No estoy seguro, pero es posible que el error se encuentre en la línea 13 de tu script. Revísalo cuanto antes.
Saludos.

penwin · #3 (**permalink**) 24/08/2011, 03:09

Estos explorerTrolls...xD creo que la pregunta era bastante clara, pero os adjunto un código de prueba a ver si lo veis mejor. Los únicos cambios que me aplica y no pierde al acabar la función, son los que le aplico al body.
index.html

Código:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
      <!--  <link rel="javascript"  type="text/JavaScript" href="jsa.js">   onload="alto();"-->
        
        <script>
            function alto(){
                var altura;
                altura=document.getElementById('contenido').offsetHeight;
                document.getElementById('contenedor').style.height='1000px';
                alert(altura);
            }
        </script>
    </head>
    <body>
        <div id="logo">
            LOGO
        </div>
        <div id="menu">
            MENU
            <a href="" onclick="alto();">xxxx</a>
        </div>
        <div id="contenedor" class="column">
            <div id="contenido" class="column">
                CONTENIDO
                dfgdfgbsdfb<br>            
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>
                dfgdfgbsdfb<br>    
                dfgdfgbsdfb<br>
            </div>
            <div id="derecho" class="column">
                DERECHO
            </div>
        </div>
        <div id="pie">
            PIE
        </div>   
    </body>
</html>

style.css

Código:

*{
    margin: 0 0 0 0;
}
#logo{
    margin-top:5px;
    margin-left: 5px;
    border: solid;
    width: 240px;
    height: 100px;
}
#menu{
    margin-top:5px;
    margin-left: 250px;
    border: solid;
    width: 700px;
    height: 50px;
}
#contenedor{
    margin-left: 5px;    
    border: solid;
    width: 1200px;
}
#izquierdo{
    margin-left: 15px;
    border: solid;
    width: 210px;
    float: left;
    background-color: #F09C9C;
}
#contenido{
    margin-left: 15px;    
    border: solid;
    width: 910px;
    float: left;
    background-color: #F79FFA;
}
#derecho{
    margin-left: 945px;    
    border: solid;
    width: 230px;
    height: 250px;
    background-color: #A89FFA;
}
#pie{
    margin-top:5px;
    margin-left: 5px;
    border: solid;
    width: 1200px;
    height: 120px;
    background-color: #9FF7FA;
}
.column{
    margin-top:5px;
    height: auto;
}

Gracias por las molestias, espero consejo :P

IsaBelM · #4 (**permalink**) 24/08/2011, 05:06

Cita:

Iniciado por penwin

Estos explorerTrolls...xD creo que la pregunta era bastante clara

la mayoría no somos clarividentes

el problema lo tienes en el vinculo

Cita:

te parece lo suficientemente clara la respuesta o necesitas mas detalles??

_cronos2 · #5 (**permalink**) 24/08/2011, 06:56

Cita:

Iniciado por IsaBelM

la mayoría no somos clarividentes

Bueno, afortunadamente tenemos a uno... contamos con la colaboración de @zerokilled y su bola de cristal XD

#6 (**permalink**) 24/08/2011, 09:13

Lo que no entiendo es para qué te molestás en obtener la altura de contenido si no la estás usando en ningún cálculo. ¿No querrás modificar contenido en vez de contenedor en la segunda línea de tun función?