positioning images with javascript.

[cblake843]

Hi All,
I have no specific reference to give you. Rather new to javascript, fully conversant on CSS HTML etc If i borrow a javascript from someone else and wish to change the position of images how can i do it. What commands are available except for the <center> and using <br /> all the time. I have searched the entire internet and havent found a decent answer. Appreciate any ideas?

Käse

[Twey]

You can set document.images['imageNameOrID'].style.offsetLeft and .offsetTop as you like.

[cblake843]

Thanks, But where exactly to insert this text. In the script, body or style? Does anyone know of anymore image commands for position = absolute etc for Javascript. Or using CSS commands on a pre-written javascript. Any input would be much appreciated.

Käse

[Twey]

But where exactly to insert this text. In the script, body or style?

A script, of course. The image must be absolutely positioned. Don't use my code directly; it's only informational. CSS attributes can be set in Javascript with element.style.attributeName, where element is an element object. The only thing you need to watch out for is that hyphens are replaced by camel notation; for example, background-color becomes backgroundColor.

[cblake843]

Could you point me in the direction of some examples to follow? Thanks in advance

[Twey]

Move image with name/id of "irge" to 60x20 from the top of the page:

<script type="text/javascript">
var e = document.images['irge'].style;
e.position = "absolute";
e.offsetLeft = "60px";
e.offsetTop = "20px";
</script>

[cblake843]

Thanks so much!!