Kategorie: JavaScript
-
jQuery animate ruckelt im Chrome
Folgender Code ruckelt im Chrome: $(‚#foo‘) .animate({ ‚marginLeft‘ : ‚100px‘ }, 900) ; die Lösung war ziemlich einfach: $(‚#foo‘).css({WebkitTransform: ‚translateX(0px)‘}) .animate({ ‚marginLeft‘ : ‚100px‘ }, 900) ; Bei Problemen: jQuery updaten auf die neueste Version (1.8.2.)
-
Javascript Page Cookie setzen
Um mit Javascript einen Cookie zu setzen, der nur auf der aktuellen Seite gültig ist bspw. foo.de/mySite3.php muss man den passenden Pfad setzen, den man mit Javascript folgender maßen auslesen kann. Ich benutze zum Setzen von Cookies die Lib jQuery Cookies. Der Pfad muss im Format „/mySite3.php“ gesetzt werden, dazu wird der vordere Teil der…
-
Debugging Tools für Firefox, IE, Chrome, Safari, Opera
Zum Debuggen von Webseiten braucht man immer spezielle Entwickler Tools für jeden einzelnen Browser, weil sich die Darstellung in jedem Browser ändert oder Javascript Fehler nur in bestimmten Browsern auftreten. Bevor man an die Arbeit geht sollte man unbedingt checken, ab das der Browser Cache deaktiviert ist in dem jeweiligen Browser, sonst erhält man eine…
-
Browser Caching deaktivieren in Firefox, IE, Chrome, Safari, Opera
Als Webdeveloper muss man sich mit allen gängigen Browsern rumschlagen und beherrschen, mit allen zu debuggen. Um dies zu tun, braucht man auf jeden Fall 2 Dinge: deaktivierten Browser Cache, damit man keine alten Seiten sieht und sich wundert, warum sich nichts geändert hat ein Debugger wie Firebug für Firefox siehe Artikel: Debugging Tools für…
-
Javascript Zugriff auf Member Variablen in innerer Funktion
Wenn man in einer solchen Situation Zugriff auf Member Variablen benötigt aus einer inneren (z.B. anonymen) Funktion, kann man folgenden Trick anwenden: function Object() { this.memberVar= „foo“; this.memberFunction= function() { var self = this; this.innerFunction= function() { alert(self.memberVar) } } }
-
HTML5 Canvas Text auf Canvas schreiben richtiger Zeilenumbruch
Wenn man einen bestimmten Text auf einen Canvas schreiben will und dafür bestimmen will, wann ein Text umgebrochen werden muss, kann man die folgende Funktion benutzen, die aus einem Text in Array macht in Abhängigkeit des Canvas. Bsp: var canvas = document.createElement(„canvas“); var context = canvas.getContext(„2d“); //vorher muss Schriftgröße des Canvas gesetzt werden context.font =…
-
Javascript Text spliten in Array nach maximaler Zeichenlänge
Wenn man einen Text mit Javascript so teilen will, dass man eine bestimmte Zeichenlänge nicht überschreitet, kann man die folgende Funktion verwenden, die aus einem Text und einer Zeichenlänge ein Array zurückgibt: Bsp: textArr = textToArray („Wordpress eigene Farben und CSS Klassen in den Editor einbauen“, 20); //textArr enhält [„Wordpress Plugin“] und [„selber erstellen Tutorial“]…
-
Three.js Camerasteuerung mit der Tastatur
Um mit der Tastatur (a,w,s,d und q,e und t,g,f,h) in einem three.js 3D-Projekt die Kamera zu bewegen, sind ein paar einfach Schritte nötig. in der init-Methode document.addEventListener( ‚keypress‘, onDocumentKeyPress, false ); und eine einfache Methode
-
Anordnen von WebGl 3D Objekten mit three.js
Ergebnis (Perspektive ist geändert worden):
-
Objektorientierte Programmierung in JavaScript OOP
In der letzten Zeit erfreut sich JavaScript wieder größerer Beliebtheit. Für Freunde der objektorientierten Programmierung ist JavaScript allerdings etwas umständlich. Es gibt keine Klassen, keine Vererbung und keine privaten Attribute. Dennoch ist es möglich, in JavaScript objektorientiert zu programmieren. Hierzu wird anstelle einer Klasse einfach eine Funktion definiert, die alle Attribute und Methoden enthält. Diese…