Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Tamaño y posición de un boton

JavaScript - Tamaño y posición de un boton

Volver
Nuevo Tema
<<>>
 
Vista:

Tamaño y posición de un boton

Publicado por jorge rivero (7 intervenciones) el 26/04/2002 12:53:01
Necesito obtener la posición, tamaño y el id del div donde está incluido un boton con solo saber el id de este boton.

Necesito que el programa siguiente funcione. No se debe tocar el cuerpo (hay razones de peso para que el boton este asi definido), solo la función propiedades y en ella quiero sacar el id del div donde está contenido el boton su tamaño y posición.
MUCHAS GRACIAS.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
 
function propiedades(){
alert(bt1.left);
alert(bt1.pixelLeft);
alert(bt1.width);
 
}
 
</SCRIPT>
</HEAD>
<BODY>
<div id="boton" style="position:absolute;left:450;top:350;">
<input type=button id="bt1"  VALUE= "aceptar" onclick=propiedades()></button>
</div>
</BODY>
 
</HTML>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Tamaño y posición de un boton

Publicado por Charlos (99 intervenciones) el 26/04/2002 19:08:55
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
 
function propiedades(){
alert(document.all['boton'].style.pixelTop);//Posición coordenada y con respecto a la parte superior de la pantalla.
alert(document.all['boton'].style.pixelLeft);//Posición coordenada x con respecto a la parte izquierda de la pantalla.
alert(document.all['boton'].style.pixelHeight);//Altura de la capa. En tu caso sale 0 porque no tiene definida la altura;
alert(document.all['boton'].style.pixelWidth);//Anchura de la capa.En tu caso sale 0 porque no tiene definida la anchura;
alert(document.all['boton'].id);//Identificador de la capa.
}
 
</SCRIPT>
</HEAD>
<BODY>
<div id="boton" style="position:absolute;left:450;top:350;">
<input type=button id="bt1" VALUE= "aceptar" onclick=propiedades()></button>
</div>
 
</BODY>
 
</HTML>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar