okay Christian.....
here is some code that moves an object.
it's attached to an event that is fired by clicking a link....
you can modify it as needed.
like I said....
a form is not really suited to this action....
but feel free to get imaginative (that's what DHTML is all about
)
have fun
<html>
<head>
<title>move object</title>
<script>
var isDHTML = 0;
var isLayers = 0;
var isAll = 0;
var isID = 0;
if (document.getElementById) {isID = 1; isDHTML = 1;}
else {
if (document.all) {isAll = 1; isDHTML = 1;}
else {
browserVersion = parseInt(navigator.appVersion);
if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {isLayers = 1;
isDHTML = 1;}
}}
function findDOM(objectID,withStyle) {
if (withStyle == 1) {
if (isID) { return (document.getElementById(objectID).style) ; }
else {
if (isAll) { return (document.all[objectID].style); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
else {
if (isID) { return (document.getElementById(objectID)) ; }
else {
if (isAll) { return (document.all[objectID]); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
}
</script>
<script language="javascript">
function moveObjectTo(objectID,x,y) {
var domStyle = findDOM(objectID,1); domStyle.left = x; domStyle.top = y;
}
</script>
<style type="text/css">
#ob {
position: absolute;
top: 100px;
left: 30px;
font-size: 50px;
font-weight: bold;
color: #c00;
}
</style>
</head>
<body>
<a href="javascript:void('')" onClick="moveObjectTo('ob',500,350);">Click Me</a>
<div id="ob" >
Your Letter
</div>
</body>
</html>NOTE: No space between "java" and "script" in this line:
<a href="javascript:void('')" (the forum sticks that in there)