Título: CSS+javascript Obtener ancho de un div Publicado por: lipman en 12 Diciembre 2010, 11:26 am He estado dándole muchas vueltas a esto y no consigo encontrar "la solución"
Quiro obtener el ancho de un div, y la situación que se me presenta, es que tengo con respecto al CSS algo como: Código
Y la forma en la que debería obtener el ancho, debería de ser esta: Código
Esta función se inicializa al cargar la página (en el onLoad del body), y cuando se ejecuta, no me devuelve absolutamente nada. Para que quede claro, el código CSS funciona perfectamente, es decir, que me genera mi cuadradito rojo. Quisiera saber porqué y cómo arreglarlo, es decir, si hay algún otro método para obtenerlo.. Porque he conseguido que me funcione de dos formas: 1) Poniendo en el div el ancho: Código Entonces, si que me salta el alert con valor 100px. 2) Declarando en javascript antes el valor que quiero obtener, es decir, en este caso, poner justo antes del alert esto: Código
Pero claro, si tengo un código CSS muy muy extenso, no voy a poder escribirlo en el div, ni a inicializarlo con javascript, por eso que necesito saber cómo puedo obtener el ancho (o cualquier propiedad) de un div, directamente. Muchas gracias, un saludo! Título: Re: CSS+javascript Obtener ancho de un div Publicado por: xassiz~ en 12 Diciembre 2010, 13:02 pm Código Saludos :D Título: Re: CSS+javascript Obtener ancho de un div Publicado por: lipman en 12 Diciembre 2010, 13:15 pm Funciona perfecto xD pero el problema es que quiero implementar esto a diversas propiedades del CSS, es decir, también quiero saber obtener el resto de propiedades, no solo el ancho, como left, top, background-color, etc.
Alguna idea? Título: Re: CSS+javascript Obtener ancho de un div Publicado por: Riki_89D en 13 Diciembre 2010, 10:35 am Es mas de lo mismo que a echo pablomi,por ejemplo para saber el color del fondo del DIV (background-color)
asin: Código
para obtener por ejemplo el TOP,teniendo en cuenta que en el div tienes esto: Código
yo lo pongo asin tu puedes ponerlo en el head como creo que haces :) pues la cosa seria lo mismo :S Código
en fin,pruebalo,ami me funcionan perfect! saludos Título: Re: CSS+javascript Obtener ancho de un div Publicado por: lipman en 15 Diciembre 2010, 14:26 pm Es que como te digo, la intención es ponerlo en el head, dentro de sus respectivos tags de style, pero de esta forma no me funciona.
Mira a ver si te funciona esto: Código A mi esto, no me funciona. Me tendria que saltar un alert diciendo 100px, pero no lo hace. Me salta un alert diciendo nada >.> En cambio, me funciona si pongo en el div esto: Código Pero yo lo que quiero es que quede todo en el head. Alguna idea? Un saludo! Título: Re: CSS+javascript Obtener ancho de un div Publicado por: xassiz~ en 15 Diciembre 2010, 15:22 pm Si el CSS es externo, tienes que usar StyleSheets.rules
Título: Re: CSS+javascript Obtener ancho de un div Publicado por: lipman en 15 Diciembre 2010, 16:11 pm Pero a qué se considera externo? A que esté en el head o a que esté en otro archivo y lo importe?
Título: Re: CSS+javascript Obtener ancho de un div Publicado por: ~ Yoya ~ en 15 Diciembre 2010, 21:29 pm Usando prototype!
Código
(http://img192.imageshack.us/img192/273/ptor.png) getDimensions (http://api.prototypejs.org/dom/Element/getDimensions/) Título: Re: CSS+javascript Obtener ancho de un div Publicado por: lipman en 19 Diciembre 2010, 00:22 am Asombroso.. :o
Muchas gracias! |