Mover capas ¿?

IngProd · #1 (**permalink**) 25/08/2007, 05:10

Hola a todos, tengo un sencillo ejemplo en javaScript y no me funciona en ninguno de los navegadores... y la verdad es que no entiendo por qué, ya que por lo menos en IE se que me ha funcionado otras veces ¿?¿?

Código:

<!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" />
<style type="text/css">
.miestilo{
	top:50px;
	left:250px;
	width:150px;
	height:150px;
	background:#FF0000;
}
</style>

<script language="javascript">
	function movercapa(){
		alert("mueve");
		alert(document.getElementById('capa').id);
		alert(document.getElementById('capa').style.top);
		y = document.getElementById('capa').style.top;
		y = parseInt(y);
		y += 15;
		document.getElementById('capa').style.top = y;
	}
</script>

<title>Documento sin t&iacute;tulo</title>
</head>

<body>
	<div id="capa" class="miestilo"></div>
	<a href="#" onclick="movercapa()">xxx</a>
</body>
</html>

El alert(document.getElementById('capa').style.top); sale en blanco, el resto como se espera... Qué puede estar mal ¿?
Muchas gracias!!

tunait · #2 (**permalink**) 25/08/2007, 05:22

Buenas

El navegador no accede a la clase aplicada al objeto, si no directamente al objeto. Ve que tiene asignada una clase, pero no sabe lo que hay definido en esa clase. Deberás definir directamente al elemento (div) los atributos css para que puedas acceder a ellos de la forma en la que lo estás haciendo

Acuérdate además de agregarle las unidades tras cambiar la posición

Código:

document.getElementById('capa').style.top = y +"px";

Ansgar · #3 (**permalink**) 18/10/2007, 16:16

http://kusor.net/traducciones/brainjar.es/drag1.es.html