modificar clase

[esquerda21]

Buenas de nuevo,

Tengo asignado una clase a un DIV y me interesa modificar la propiedad height de la clase con el evento OnResize.

Con la siguiente linea me ha sido posible:

document.getElementById("vertabout").style.height = alta-230+"px"}

pero con la clase no se como hacerlo.

Se os ocurre algo.
Gracias

[alzacon]

Dos cosas:
- eso es javascript
- getElementById http://librosweb.es/javascript/capit...los_nodos.html

[esquerda21]

Gracias alzacon pero no veo nada que me pueda servir...

En la asignacion de la clase se puede hacer algo así?

<DIV CLASS= myclass{propiedades}>.....</DIV>

Pasarle una propiedad a mano?

Gracias

[ipraetoriux]

podes crear un estilo en un class y luego agregarla como atributo con javascript cuando ocurre el evento asi:

Código Javascript:

document.getElementById("tag").setAttribute("class", "nombre");
 

Ahora si necesitas quitar alguna estilo class podes remover un atributo asi:

Código Javascript:

document.getElementById("tag").removeAttribute("class");
 

[esquerda21]

Gracias ipraetoriux...

Ya casi lo tengo pero me falta algo..

En la clase tengo lo siguiente:

Código:

.vertical :target{ height:240px; width:97%; }

Y pretendo que el div cambie con esta funcion:

Código:

<script>
function redimensionar() {
    var x = document.getElementsByClassName("vertical");
    var i;
    for (i = 0; i < x.length; i++) {
        x[i].style.height = "600px";
    }
}
</script>

Le cambio el alto HEIGHT pero no quiero eso, quiero acceder al HEIGHT del .vertical :target.

Alguna sugerencia?

Gracias

[zerokilled]

buenas...
en ese caso tendrías que modificar la hoja de estilo a través de javascript. el objeto document.styleSheets contiene una lista de todos los stylesheets cargados en el documento, ya sea <style> o <link>. entonces, primero identificas cual hoja de la lista es el que tiene la clase. luego tienes la propiedad cssRules que es otra lista que representa cada una de las reglas del stylesheet. aqui tienes que localizar cual de ellos es la clase de interés. una vez lo tengas, modificas las propiedades con la propiedad style. una ruta de ejemplo, document.styleSheets[0].cssRules[0].style.height = '0'; significa: primera hoja de estilo, primera regla, asignar 0 al estilo height.

[esquerda21]

Perfecto zerokilled has dado con la solución...

De esta forma se pueden modificar las clases pero me surgen unas dudas...

Antes de cerrar el tema, en chrome no chuta ¿porque?

Si quiero modificar los estilos que están incrustados en la misma hoja, no en css externa, como la selecciono?

muchas gracias llevaba mas de una semana

[zerokilled]

es lo mismo... document.styleSheets no discrimina si es un stylesheet cargado por elemento LINK o elemento STYLE. lo que no te permite document.styleSheets es accesar a los estilos definidos en el atributo STYLE de los elementos.

[esquerda21]

Gracias de nuevo zerokilled...