Schnipsel - Code Schnipsel (Snippets) zu Wordpress, PHP, HTML, CSS, jQuery » HTML

Javascript – public / private Methoden

Bastian Winkler — Tue, 23 Jun 2009 07:45:50 +0000

Hier ein Workarround für public und private Methoden mit objektorientiertem (OOP) Javascript

function bla () {
  var priv  = "privat";
  this.publicMethod = function () {
    privateMethode();
  }
  privateMethode = function ()   {
    alert(priv + " " + this.publ);
  }
}
var objekt = new bla();
objekt.publicMethod();

IE-Bug: “Vorgang abgebrochen” bei Verwendung von Mootools-Lightbox & swfObject

Andi Keßler — Tue, 26 May 2009 14:40:24 +0000

Immer wieder ein Ärgernis, wenn die Seite im Firefox läuft und dann beim Laden der Seite im Internet Explorer die Meldung kommt. "Seite kann nicht angezeigt werden. Vorgang abgebrochen".

Um dieses Problem zu beheben gibt es zwei Ansätze, wovon ich allerdings nur den zweiten getestet habe

1. Einbinden des Lightbox-Skripts in das Ende des body-Tags. Dadurch wird erzwungen, dass beide Skripts nacheinander geladen werden und es kommt angeblich zu keinen Konflikten

2. Javascript-Aufruf von swfObject verändern
An jeder Stelle, wo ein Flashfilm per swfObject eingebunden wird steht ein Skript-Tag. Dieser Tag muss wie folgt mit dem defer-Attribut ergänzt werden

1	... type="text/javascript" defer="defer" ...

Clearfix – Das einschließen von Floats

David Hellmann — Sun, 24 May 2009 01:39:39 +0000

Ein gutes Beispiel wäre folgendes: Man erstellt eine Seite wo der Inhalt zentriert sein soll. Das ganze passiert mittels "margin: 0 auto"; Ein Float kann man hier nicht hinzufügen da sonst der Container nicht mehr mittig ist. Problem ist jetzt aber wenn der Container zum Beispiel eine Hintergrundfarbe hätte und in dem Container jetzt ein weiterer wäre der "float:left" hätte und der Inhalt diesen wäre höher als der Container in dem ersteckt würde er nicht mehr eingeschlossen sein. Das führt dazu das der gefloatete Container über den anderen drüber geht und das nicht wirklich gut ist :) Hier kommt "clearfix" zum Einsatz.

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* Clearfix Patches für den IE */
.clearfix { display: inline-block; }
 
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

Das einfach in die CSS File und dem Container der die Seite zentriert ein "class="clearfix"" mitgeben und schon umschließt der Container den gefloateten wieder vollkommen. Die class kann man dann natürlich auf viele Sachen anwenden innerhalb der Seite und ist deswegen eine ganz gute Möglichkeit. Wenn ich ehrlich bin hab ich diese Methode bisher aber fast noch nicht genutzt da ich eh immer fast alles floate. Sollte ich aber vielleicht öfters mal tun. Ist einfach und effektiv.

Firebug Lite einbinden

Thomas Aull — Thu, 21 May 2009 14:09:19 +0000

Firebug ist das Webentwicklertool für den Firefox. Leider kommt es aber dann und wann vor, dass manche Probleme nur in anderen Browsern auftreten, zum Beispiel im geliebten Internet Explorer. Für diesen Zweck gibt es Firebug Lite, eine abgespeckte, auf JavaScript basierende Version von Firebug. Das ganze kann man so in seine Seite einbinden und dann direkt lostesten.

HTML Grundgerüst

David Hellmann — Sat, 16 May 2009 12:55:44 +0000

Hier ein HTML Grundgerüst mit ein zwei Metatags und einbindung einer CSS Datei.




	
	HTML Grundgerüst

IE7 Verhalten mit IE8 emulieren

Bastian Winkler — Thu, 07 May 2009 12:18:26 +0000

Einfach in den Header einfügen und ein IE8 verhält sich wie ein IE7

CSS Datei einbinden

David Hellmann — Wed, 22 Apr 2009 10:41:27 +0000

Anweisung um eine CSS Datei im Header einzubinden.

AJAX Libraries via Google einbinden

David Hellmann — Wed, 22 Apr 2009 10:18:01 +0000

Mit der Google AJAX Libraries API ist es möglich einfach jQuery oder andere AJAX Libraries einzubinden ohne das man es selber auf dem Server hat. Das erspart selber updaten. Mehr dazu hier: Google AJAX Libraries API


<script type="text/javascript">
  google.load("jquery", "1.3.2");
script>