Zu den Aufzeichnungen der tutorials.de-Live-Workshops
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
171
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    SimonIsWatching SimonIsWatching ist offline Grünschnabel
    Registriert seit
    Dec 2008
    Beiträge
    2
    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-Code:
    <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
     

  2. #2
    Avatar von Homer Simpson
    Homer Simpson Homer Simpson ist offline Mitglied Silber
    Registriert seit
    Nov 2003
    Ort
    Aachen
    Beiträge
    79
    Hi,
    ich habe auch nur Anfängerwissen was Mootools angeht, aber vielleicht liegt es daran das dein Beispiel Version 1.1.1 ist und deine Core Version 1.2.1
    Evtl. hat sich ja was verändert: http://www.mootorial.com/wiki/mootor...g/01-drag.move

    Ohne Fehlermeldung kann man eh nur raten.
     

  3. #3
    SimonIsWatching SimonIsWatching ist offline Grünschnabel
    Registriert seit
    Dec 2008
    Beiträge
    2
    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...
     

  4. #4
    Avatar von Homer Simpson
    Homer Simpson Homer Simpson ist offline Mitglied Silber
    Registriert seit
    Nov 2003
    Ort
    Aachen
    Beiträge
    79
    Das es so einfach ist, hätte ich jetzt selber nicht gedacht

    Falls du Firefox verwendest siehst du Fehlermeldungen unter Extras->Fehlerkonsole
     

Ähnliche Themen

  1. Slimbox + Mootools
    Von oldputz1990 im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 24.08.09, 13:12
  2. Antworten: 3
    Letzter Beitrag: 22.10.08, 12:29
  3. Prototype und Mootools
    Von Bogat im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 24.04.08, 19:31
  4. Mootools vs IE
    Von dezerver im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 09.11.07, 13:27
  5. MooTools error?
    Von wachteldonk im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 13.09.07, 15:00