Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/08/2007, 03:41
Avatar de PatomaS
PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 21 años
Puntos: 63
Re: Leer propiedades de una capa con JavaScript

Hola

Recuerda que para poder manipular las propiedades con JavaScript, debes haberlas definido primero en el elemento mediante el atributo style, prueba este ejemplo que te dejo:
Código HTML:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
	<style type="text/css">
		* {border: 0; margin: 0; padding: 0;}
		html,body { width: 100%; height: 100%; background-color: #fff; }
		button {cursor: pointer;}
		#Base { width: 100%; background-color: inherit;}
		#uno {}
		#dos {position: absolute; top: 50px;}
		#tres {position: absolute; background-color: #f00;}
	</style>
	<script type="text/javascript">
		function leerpropiedades(x) {
			alert (document.getElementById(x).style.top);
		}
	</script>
	<title>Pruebilla</title>
</head>
<body>
<div id="Base">
	<p id="uno">primer texto</p>
	<p>&nbsp;</p>
	<p id="dos">segundo texto</p>
	<p>&nbsp;</p>
	<p id="tres" style="top: 200px;">tres texto</p>
	<p>&nbsp;</p>
	<form id="formulario" method="post" action="">
		<p><button type="submit" value="uno" onclick="javascript:leerpropiedades(this.value);">presionar para obtener los datos del primer texto</button></p>
		<p><button type="submit" value="dos" onclick="javascript:leerpropiedades(this.value);">presionar para obtener los datos del segundo texto</button></p>
		<p><button type="submit" value="tres" onclick="javascript:leerpropiedades(this.value);">presionar para obtener los datos del tercer texto</button></p>
	</form>
</div>
</body>
</html> 
Felicidad
__________________
¡ hey, hou, hou, hey !