mootools: Mehrere Elemente als Auslöser

[OliOli]

Hallo zusammen,

Ich versuche, mit Hilfe des Mootools Frameworks eine Art Warenkorb zu realisieren. Jedes Produkt hat einen Link, mit welchem man es in den Warenkorb (irgendein Div-Container) legen kann. Dabei sollte irgendwie eine ID an das Javascript übermittelt werden, damit ich per Ajax Preis & co auslesen kann.

Wie dem auch sei, ich scheitere schon am Auslösen der Funktion. Normalerweise wird mit

$('myElement').addEvent('click', function(e){

auf den Click auf das Element der ID "myElement" gewartet. Jetzt habe ich ja aber viele links, und kann denen nicht allen die selbe ID geben. (So funktioniert es auch gar nicht..)

Am besten wäre, ich könnte eine Funktion definieren, welche ich per onClick="javascript:funktion(id)" aufrufen kann. Leider funktioniert es so nicht:

window.addEvent('domready', function(){ // dies initialisiert die mootools

	var appendZettel = function(id){

		// ajax request und so
		$('zettel').appendText('Ein Test').highlight();
	}
	
});

Die Console sagt, es gebe die Funktion appendZettel nicht.

Ich habe versucht, in der Mootools Doku etwas zu finden, aber ich bin auf nichts Nützliches gestoßen. Meine Javascript-Kenntnisse sind noch recht eingeschränkt...

Vielleicht kann mir ja jemand helfen.

Grüße,
Oli

 

[Sven Mintel]

Moin Oli,

in mootools gibt es diverse Selektoren, nicht nur die ID.

Du könntest bspw. allen Links den selben Klassennamen geben, und die Links anhand dessen selektieren:

<a class="clickMe" id="click1">klick</a><br />
<a class="clickMe" id="click2">klick</a><br />
<a class="clickMe" id="click3">klick</a><br />
<script type="text/javascript">
<!--
$$('a.clickMe').addEvent('click', function(e){alert('Du hast auf \n#' + this.id + '\ngeklickt')});
//-->
</script>