¿Como apunto un elemento desde una variable de un objeto?

[ZequeZ]

Bueno, la cosa es que recien estoy empezando con los objetos, y como que nada que ver con lo que hacía antes, es decir, arrays multidimensionales a full xDDD.

Bueno, este es el objeto que tengo:

Código:

function circle(radio, positionX, positionY)
{
	
	this.ra = radio;
	this.di = radio*2;
	this.element = document.body.appendChild(document.createElement("div"));
	this.element.style.position = "absolute";
	this.element.style.left = positionX+"px";
	this.element.style.top = positionY+"px";
	this.element.style.width = radio*2+"px";
	this.element.style.height = radio*2+"px";
	

	this.posX = this.element.style.left; // <--- Como hago aca?
	this.posY = this.element.style.top; // <--- Y aca xD

	
	this.element.style.backgroundImage = "url(circle.png)";
}

El código que está marcado en rojo xD. Como hago para que despues pueda editar el left y el top del objeto usando this.posX y this.posY?

Se hace llamando a una función? Como? Porque lo que se me ocurrió fue esto:

Código:

this.posX = function(){
       this.element.style.left = ???+"px"; 
}

Pero como le digo que quiero el valor al cual lo estoy igualando? xDDD
Y cuando lo "piden", como hago para "return" el valor de parseInt(this.element.style.left)

[David]

No entendí muy bien lo que preguntas, si sólo se trata de acceder a esa propiedad del objeto basta con:

Código Javascript:

objeto.element.style.left = objeto.postX + "px";
 

[ZequeZ]

Iniciado por David

No entendí muy bien lo que preguntas, si sólo se trata de acceder a esa propiedad del objeto basta con:

Código Javascript:

objeto.element.style.left = objeto.postX + "px";
 

Si, pero lo que yo quiero es que mediante objeto.posX acceda directamente a objeto.element.style.left, ya que queda mas limpio xD.

[David]

En ese caso sería mejor crear funciones getter y setter:

Código Javascript:

objeto.setPosX = function(posx) {
    this.element.style.left = posx + "px";
}
objeto.getPosX = function() {
    return this.element.style.left;
}
 

Código Javascript:

objeto.setPosX(15);
alert(objeto.getPosX());
 

[ZequeZ]

Iniciado por David

En ese caso sería mejor crear funciones getter y setter:

Código Javascript:

objeto.setPosX = function(posx) {
    this.element.style.left = posx + "px";
}
objeto.getPosX = function() {
    return this.element.style.left;
}
 

Código Javascript:

objeto.setPosX(15);
alert(objeto.getPosX());
 

Y no se puede hacer de tal manera que apunte directamente al otro objeto? =/

[JavierB]

¿Y tienes que citar el mensaje entero para contestar?

[David]

Hasta donde sé, no se puede.

[ZequeZ]

Iniciado por David

Hasta donde sé, no se puede.

Bueno, no importa, tonces hago una función para poner valores y otra para sacarlos :P.

Ahora tengo otro problema... xD

Como accedo a "this" desde las funciones anidadas dentro del objeto?
Ejemplo:

Código:

function circle(radio, positionX, positionY)
{
	
	this.ra = radio;
	this.element = document.body.appendChild(document.createElement("div"));
	this.element.style.position = "absolute";
	this.element.style.left = positionX+"px";
	this.element.style.top = positionY+"px";
	this.element.style.width = radio*2+"px";
	this.element.style.height = radio*2+"px";
	
	this.speed = function(xSpeed, ySpeed, frames)
	{
		clearInterval(this.speedInterval);
		function loop()
		{
			this.element.style.left = parseInt(this.element.style.left) + xSpeed + "px";
			this.element.style.top = parseInt(this.element.style.top) + ySpeed + "px";
		}
		this.speedInterval = setInterval(loop, frames);
	}
	
	this.move = function(posX, posY)
	{
		this.element.style.left = posX+"px";
		this.element.style.top = posY+"px";
	}
	
	//document.backgroundImage = "url(circle.png)";
	img = this.element.appendChild(document.createElement("img"));
	img.src = "circle.png";
	img.style.width = "100%";
	img.style.height = "100%";
}

Me da error en donde está en rojo, me dice que "this.element" no está definido :S

EDITO: Bueno, no se si será la manera correcta de solucionarlo, pero creé un elemento antes de la función "loop" (e = this) y dentro de la función loop usé ese elemento, :P.

Gracias por todo, no quiero hacer mas preguntas que ya soy insoportable xDDD.

[Panino5001]

Sólo apuntar que los setters y getters sí existen (vía los métodos mágicos __defineGetter__ y __defineSetter__ o los operadores set y get), pero el querido explorer no los soporta, así que ajo y agua.
De todas maneras dejo un ejemplo y un par de enlaces:

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></title>
<script>
function circle(radio, positionX, positionY)
{
    
    this.ra = radio;
    this.di = radio*2;
    this.element = document.body.appendChild(document.createElement("div"));
    this.element.style.position = "absolute";
    this.element.style.left = positionX+"px";
    this.element.style.top = positionY+"px";
    this.element.style.width = radio*2+"px";
    this.element.style.height = radio*2+"px";
    this.element.style.backgroundColor = "#000";
}
try{
    circle.prototype={set posX (x){this.element.style.left=x+'px';}}//operador 
    circle.prototype.__defineSetter__('posY',function(x){this.element.style.top=x+'px';});//método mágico
}catch(e){
    alert('soy explorer');
}
onload=function(){
var c=new circle(50, 10, 10);
c.posX=500;
c.posY=200;
}
</script>
</head>
 
<body>
</body>
</html> 
  

http://www.robertnyman.com/javascrip...rs-and-setters
https://developer.mozilla.org/en/Cor...rs_and_Setters