obtener valor width y height de un div

matamalac · #1 (**permalink**) 15/10/2008, 10:46

Buenas, tengo una pagina dividida en varias div. el caso es que tengo uno el cual en la hoja d estilo lo he puesto transparente, position:absolute, height: 490 px y width: 870 px. Me gustaria saber si hay alguna funcion del dom o que funcion podria utilizar para obtener los valores de las propiedades height y width.

Muchas gracias!!

Panino5001 · #2 (**permalink**) 15/10/2008, 11:02

Mirate este enlace:
http://developer.mozilla.org/en/Dete...ns_of_elements

matamalac · #3 (**permalink**) 15/10/2008, 14:52

Ok panino, ya he visto el enlace que me has puesto. entonces hago esto:

<script>
function obtenerWidth(event)
{
if (!event)
{event=window.event;
}

var ele = document.getElementById("conttanques");
var offSetWidth = ele.offsetWidth;
document.write(offSetWidth);
}
</script>

y arriba en el codigo tengo <div id="conttanques" src="javascript:obtenerWidth()">

Estaria bien hecho??porque no me aparece nada...

Panino5001 · #4 (**permalink**) 15/10/2008, 15:51

Cita:

Iniciado por matamalac

Ok panino, ya he visto el enlace que me has puesto. entonces hago esto:

<script>
function obtenerWidth(event)
{
if (!event)
{event=window.event;
}

var ele = document.getElementById("conttanques");
var offSetWidth = ele.offsetWidth;
document.write(offSetWidth);
}
</script>

y arriba en el codigo tengo <div id="conttanques" src="javascript:obtenerWidth()">

Estaria bien hecho??porque no me aparece nada...

No, lejos de estar bien hecho está muy mal

. Desde cuándo el elemento div tiene un atributo src? Y aunque lo tuviera, para qué establecer el valor del mismo con "javascript:", algo que ni siquiera debería usarse con eventos? Y qué papel juega event, si no estás usando ningún evento?
Mejor decínos qué querés hacer y vemos cómo ayudarte.

MaBoRaK · #5 (**permalink**) 15/10/2008, 17:53

loading.........

No se porque haces eso, ya que lo unico que haces es asignarle al DIV ese... el tamaño QUE YA TIENE :|

connection closed.

matamalac · #6 (**permalink**) 16/10/2008, 01:48

Lo que quiero es el primer mensaje que envie, obtener los valores width y height de un div, vamos, lo que "mide" un div de ancho y de alto. panino me mire la pagina que me dijiste y vi que con offSetWidth y offSetHeight se puede obtener, o eso creo, y quiero que esos valores se me guarden en una variable para poder utilizarla en cualquier parte del codigo, pero tampoco se mucho de javascript asi que pense que si hacia una funcion que me guardase en una variable llamada offSetWidth el valor, pero a esta funcion la tendre que llamar desde algun lado, y es eque tampoco se muy bien desde donde tengo que llamar a esta funcion. Tienes razon que no necesito ningun event, ya que no hay eventos, la costumbre de hacer eventos...vamos que mi mayor problema es el javascript para obtener esos valores

Muchas gracias!

Panino5001 · #7 (**permalink**) 16/10/2008, 02:12

Bueno, ahí va un ejemplo sencillo:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ejemplo</title>
<style>
#pp{width:200px; height:300px; background-color:#F00}
</style>
<script>
function medidas(id){
    return {w:document.getElementById(id).offsetWidth,h:document.getElementById(id).offsetHeight}
}
</script>
</head>

<body>
<div id="pp"></div>
<form>
<input name="Bot&oacute;n" type="button" value="obtener ancho" onclick="alert(medidas('pp').w)" />
<input name="Bot&oacute;n" type="button" value="obtener alto" onclick="alert(medidas('pp').h)" />
</form>
</body>
</html>