nils2: Problem mit eigener Javascript-Klasse

Beitrag lesen

SELF-Forum

Problem mit eigener Javascript-Klasse

nils2 Homepage des Autors
– Informationen zu den Bewertungsregeln

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)
Beitrag melden
–
Informationen zu den Bewertungsregeln