Mit JS (mootools) Klassen ansprechen?

[Quabbe]

Hey Leute,

ich suche verzweifelt nach einer Möglichkeit, Klassen statt IDs anzusprechen. Im folgenden Code wird #box angesprochen, es soll aber .box angesprochen werden. Kann mir jemand helfen?

<script type="text/javascript">window.addEvent('domready', function(){


  //First Example
  var el = $('box'),
    color = el.getStyle('backgroundColor');


  // We are setting the opacity of the element to 0.5 and adding two events
  $('box').set('opacity', 0.5).addEvents({
    mouseenter: function(){
      // This morphes the opacity and backgroundColor
      this.morph({
        'opacity': 0.5,
        'background-color': '#fff'
      });
    },
    mouseleave: function(){
      // Morphes back to the original style
      this.morph({
        'opacity': 1,
      });
    }
  });
});
</script>

 

[Cheffchen]

Hallo,

habe zwar bloss mit jquery gearbeitet aber versuch doch einfach mal, bei allen ändern.

var el = $('box'),

in

var el = $('.box'),

so ist bei jquery (obwohl id mit #box angesprochen wird).

Cheffchen

 

[Asterixus]

var classElements = $$(".box");

 

[Quabbe]

Hi Cheffchen,

das war auch mein erster Versuch. Aber ich habs gerade eben nach gefühlt zweistündiger Recherche endlich rausgefunden: das Pünktchen UND ein zweites $-Zeichen waren nötig, um die ID in eine Class umzuwandeln. Hmpf! Egal, jetzt läuft endlich alles. Danke Dir trotzdem für Deine Antwort! :)

 

[Asterixus]

sh. MooTools - A Better Way to use Elements

Ein $ gibt entweder einen Node oder null. $$ gibt immer ein Node-Array (möglicherweise ein leeres).

 

[Quabbe]

sh. MooTools - A Better Way to use Elements

Ein $ gibt entweder einen Node oder null. $$ gibt immer ein Node-Array (möglicherweise ein leeres).

Auch Dir ein Dankeschön! Bin aber mittlerweile auf jQuery umgestiegen, dazu findet man einfach mehr Tutorials und Demos. Und einfacher scheint es auch zu sein.