javascript====> offsetleft?

Question

im trying to move a picture on my screen anybody know how i can do that?
i tried this:
document.form.asd.offsetLeft += 100;
but it didnt work

Answer 1

offset_ are read-only properties. offset_ are also relative to the parent object, so if you are trying to move the object in relation to the edge of the screen, you must recursively find the overall offset:

function overallOffsetLeft(ele)
{
var offset = 0;
while( ele.tagName.toUpperCase() != 'BODY')
{
ele = ele.parentNode;
offset += ele.offsetLeft;
}
return offset;
}

To set the position of something, you need to use CSS:

document.getElementById( 'elementID' ).style.left

Now we have:

var element = document.getElementById( 'elementID' );
element.style.left = overallOffsetLeft(element) + 'px';

Make sure the position style of your object is absolute:

#elementID {position:absolute;}

Also, document.form is a very bad way of referencing your object. The correct way would be document.getElementById('id of object').

Answer 2

Javascript Offsetleft

Answer 3

Go on Java's website and search it under help it might hve it..