Problema mutare element in pagina

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
patricia
Mesaje: 82

Problema mutare element in pagina

Am incercat o functie care sa mute un DIV in pagina la anumite coordonate.
Problema e ca nu functioneaza cand incerc sa atribui lui element.style.left o valoare de variabila si nu valori exacte.

Cod: Selectaţi tot

<html>
<head>
<title>
exe1
</title>
<style type="text/css">
#dreptunghi{
position:absolute;
left:50px;
top:50px;
width:200px;
height:100px;
background-color:green;
}
</style>
</head>
<body>
<div id="dreptunghi">
</div>
<button onclick="next();">click</button>
<script type="text/javascript">
function next(){
lx=0;
el=null;
el=document.getElementById('dreptunghi');
for(lx=0; el!=null; lx+=el.offsetLeft,el=el.offsetParent);
coord1=null;
coord1=lx+50;
el.style.left=coord1+'px';
}

</script>
</body>
</html>
MarPlo Mesaje: 4343
Codul din instructiunea for() din acea functie face el=null , trebuie definita iar variabila "el" cu elementul HTML (dupa for()), sau preluata de la inceput in 2 variabile, iar la adaugare "style" se foloseste a doua variabila.

Cod: Selectaţi tot

<script type="text/javascript">
function next(){
  var lx = 0;
  var el = elidem = document.getElementById('dreptunghi');
  for(lx=0; el!=null; lx+=el.offsetLeft,el=el.offsetParent);

  coord1 = lx+50;//alert(lx)
  elidem.style.left = coord1+'px';
}
</script>

Subiecte similare