Hallo,
Probier es mal damit, die Eigenschaften für x und y direkt als Element-Eigenschaften zu definieren.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>element.x, element.y</title>
<style>
~~~~~~css
#mein-div{
position:absolute;
width:100px;
height:100px;
background-color:#ff0000;
left: 100px;
top: 100px;
}
~~~~~~html
</style>
<script type="text/javascript">
~~~~~~javascript
/* <![CDATA[ */
window.onload=init;
function init(){
var elem = document.getElementById("mein-div");
// "erstelle" drei neue Element-Eigenschaften, eine davon ein Event-Handler.
elem.x = 300;
elem.y = 200;
elem.onclick = function(){
// this bezieht sich hier auf das Element (elem)!
this.style.left = this.x + "px";
this.style.top = this.y + "px";
};
}
/* ]]> */
~~~~~~html
</script>
</head>
<body>
<div id="mein-div">test test test</div>
</body>
</html>
am elegantesten ist es natürlich, wenn Du das css und das javascript auslagerst.
Gruß, Nils
--
Es gibt keine Lösung, weil es kein Problem gibt. (Duchamp)
Es gibt keine Lösung, weil es kein Problem gibt. (Duchamp)