Archive for the ‘ JavaScript ’ Category
So, hier zeige ich euch, wie ihr JQ einbindet, und eure ersten Schritte damit macht. Zuerst muss es von der (offiziellen) Seite gedownloadet werden: http://www.jquery.com
Spechert die .js Datei am besten in dem Ordner “JQuery” ab.
Hier möchte ich euch kurz erklären, was JQuery überhaupt ist. JQuery ist ein Libary, mit der man sich das Programmieren mit JavaScript erheblich erleichtern kann. Die Libary ist in allen Browsern getestet, und läuft auch im IE 
Um JQuery verwenden zu können, muss es nur von hier gedownloadet, und eingebunden werden. Wie viel einfacher und schneller ihr damit arbeiten könnt, zeige ich euch in den folgenden Posts in dieser Kategorie.
Heute zeig ich euch, wie ihr mit einem kleinen Trick überprüfen könnt, ob der User einen Werbungsblocker (wie z.B. adBlockPlus) aktiviert hat.
Zuerst müssen wir dazu eine Reihe Verzeichnisse erstellen, die möglichst an Werbung erinnern.
Heute stand ich vor dem Problem, dass ich alle Buttons mit einer bestimmten Klasse sperren sollte. Leider gibt es in JavaScript (jaja, ich weis: JQuery) kein getElementByClass, also musste ich ein wenig tricksen.
Weiterlesen
Heute war ich gezwungen, einen bereich nach belieben mit einem Link immer wieder ein und ausblenden zu können. Um dies zu realisieren, musste ich meine ersten Zeilen JavaScript schreiben:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Ein und Ausblenden</title> <script language="JavaScript"> <!-- function show(id) { if (document.getElementById) { if (document.getElementById(id).style.display == 'none'){ document.getElementById(id).style.display = 'block'; }else{ document.getElementById(id).style.display = 'none'; } } } // --> </script> </head> <body> <h1>Lorem Ipsum</h1> <p><a href="javascript:show('bereich1');">Ein und Ausblenden!</a></p> <div id="bereich1" style="display:none;"> <p>Ich werde ein und ausgeblendet!! Juhuu!!!</p> </div> <input type="button" onclick="javascript:show('bereich1');" value="Geht auch mit mir!"/> </body> </html> |