✔ Problem mit mootools

S

SimonIsWatching

Grünschnabel
Hallo alle zusammen.
ich habe keine Ahnung, warum folgender Code bei mir nicht läuft (anderes AJAX-Zeug läuft). In meiner stillen Verzweiflung wende ich mich hoffnungsvoll an euch. Hier der Code:
HTML: 
<head>
  <script src="mootools-1.2.1-core.js" type="text/javascript"></script>
  <script type="text/javascript">
    <!--
    window.addEvent('domready', function(){
      var droppables = $$('div.dropper');

      var container = $('containment');

      new Drag.Move('dragger', {'container': container, 'droppables': droppables});

      droppables.addEvent('over', function(){
        this.setStyle('background-color', '#000');
      });

      droppables.addEvent('leave', function(){
        this.setStyle('background-color', '#ff3300');
      });

      droppables.addEvent('drop', function(){
        this.setStyle('background-color', '#face8f');
      });
    });

 -->
  </script>

   <style type="text/css">
#containment {
  height: 210px;
  width: 330px;
  background: #eeffe;
  position: relative;
}

#dragger {
  height: 20px;
  width: 20px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}

div.dropper {
  margin-left: 10px;
  margin-top: 10px;
  float: left;
  height: 40px;
  width: 30px;
  background: #ff3300;
}
</style>
</head>
<body>


<div id="containment">
  <div id="dragger"><!-- --></div>

  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
  <div class="dropper"><!-- --></div>
</div>


</body>

Kann mir jemand helfen... (hier das Orginal: http://demos111.mootools.net/Drag.Absolutely
Liebe vorweihnachtliche Grüße,
Simon
 
Ahhhh.... :(((
Jetzt wo du es sagst... *grrr* Danke für dein Beitrag! Hab das Script von der HP genommen: (<script type="text/javascript" src="/demos/mootools.svn.js"></script>) und siehe da... es geht! :)

LG und ein dickes Danke, Simon


PS: Ich hatte keine Fehlermeldung... :(
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück