Im Tutorial „Eigenes JQuery Plugin programmieren“, werde ich, oh Wunder, erklären wie man einfach und schnell ein eigenes Plugin für JQuery erstellen kann.
Wenn jemand JQuery noch nicht kennt, sollte sich die Seite von JQuery mal anschauen. Dort sind auch bereits einge Tutorials und Plugins zu haben.
Dieses Tutorial habe ich mit JQuery 1.7.1 getestet.
Weiterlesen
Hier ein Beispiel um CSS Klassen einem Objekt zuzuordnen oder wieder zu entfernen. Dazu gibt es hier drei Javascript Funktionen.
HTML
| 1 | <div id="testdiv" class="myclass" onmouseover="addClass(this, 'over');" onmouseout="removeClass(this, 'over')">Test</div> |
CSS
| 1 | .over { background-color: #cc0000; } |
Javascript
| 1 2 3 | function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } |
| 1 2 3 4 5 6 | function removeClass(ele,cls) { if (hasClass(ele,cls)) { var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className=ele.className.replace(reg,' '); } } |
| 1 2 3 | function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } |