Insane in the Main Frame

Eigentlich ist das kein großes Problem. Ich habe ein div, und beim Klick auf das gesamte DIV soll sich in einem neuen Tab eine bestimmte Seite öffnen. Weil in dem DIV aber weitere Links sind (sinnlos, ich weiß) und weil ich generell keinen Link draus machen möchte, stellt sich natürlich die Frage, wie man das DIV entsprechend verlinken kann. window.open macht in einigen Browsern keinen neuen Tab sondern tatsächlich ein neues Fenster auf (nicht Sinn der Sache), diverse Hacks mit dem simulieren eines Link-Klicks gehen nicht in Chrome.
Die Lösung: Man simuliert ein Formular mit einem target _blank, und das macht sogar Chrome mit!

und via Javascript passiert dann folgendes:

Klappt - zumindest nach meinen bisherigen Tests - überall.

Auf der Suche nach einer Lightbox stieß ich nach kurzer Recherche auf die ColorBox. Ich brauchte eine Lightbox, deren Design 100% anpassbar ist und da war die ColorBox auf den ersten Blick die beste Alternative. Auf den zweiten Blick hat mich das Plugin sogar noch mehr überzeugt, durch Flexibilität, durchdachte Methoden und Funktionen, gute Dokumentation und hilfreiche Beispiele. Tatsächlich glaube ich, das ist eins der Plugins, die mich am positivsten bisher überhaupt überrascht haben. Mein ewiger Dank gilt dem Schöpfer dieses großartigen Plugins!

Wenn $.ajax und $.post NUR im Safari keinen Wert zurückliefern, kann es am Pfad liegen. Ich habe das ganze über http://www.domain.de/pfad/zu/ajax.php aufgerufen - das klappte im Firefox gut, im Safari nicht. Mit /pfad/zu/ajax.php klappte es dann aber!

ContentFlow ist ein ganz nettes tool, allerdings ist die Version 1.0.2 offenbar nicht ganz ausgereift. Ich hab festgestellt, dass öfter Bilder "verschwinden", es werden einfach nicht alle Bilder angezeigt sondern ein leeres DIV. Das Bild wird nach dem nächsten refresh wieder nromal geladen, dafür kanns sein dass ein anderes nicht mehr sichtbar ist. Das war für mich natürlich untragbar, aber nach kurzer Recherche habe ich festgestellt, dass eine alte Version gut funktioniert:

ContentFlow 1.0.0

Dass der Internet Explorer 6 mit Transparenzen nicht so gut klarkommt, ist mir schon lange klar. Aber heute war ich sehr erstaunt, als meine PNGs im IE8 auf einmal schwarze Ränder hatten.

Offenbar liegt das an jquery... sobald man mit transparenzen oder hide/show arbeitet, kann das passieren. Ich hatte das Problem bisher nur bei Projekten, wo es eh schon stressig war, deshalb hatte ich nie wirklich Zeit, das Problem genauer zu recherchieren und eine praktikable Lösung zu finden. Ich habe mir bisher damit beholfen, die Bilder doch als jpg abzuspeichern oder die PNGs im 8-bit-Modus zu speichern. Oder, wenn das beides nichts gebracht hat, mir Alternativen zu den jquery Funktionen erlaubt.

Ich weiß ja, dass IE immer gerne rumzickt. Aber das war doch mal wieder ein Highlight. Ich hatte ein Formular erstellt mit diversen Formularfeldern:

Die ausgewählten Werte dieser Felder woltle ich dann mittels jQuery auslesen.

Hat bei "marke" auch geklappt, aber bei Ort wollte IE7 dann plötzlich nicht mehr: "das Objekt unterstützt die Eigenschaft oder Methode nicht". WTF? Es sind zwei Selects, warum liest jQuery eins und das andere nicht? Zuerst hatte ich die Vermutung, dass IE7 irgendwie nicht damit klarkommt, dass Ort den gleichen Klassennamen wie ID hat - aber auch nach dem Ändern dieses Zustands wollte IE7 mir den Ort einfach nicht auslesen.

Nach einer relativ langen Recherche bin ich auf die Seite jQuery Fallen im Internet Explorer gestoßen, die mir zweifellos noch mehr Suche erspart hat. Offenbar ist IE7 eine weitaus launischere Diva als ich dachte. Hin und wieder - und völlig willkürlich, wie es scheint - möchte die Diva, dass man die Variablen vorher definiert. Ich hätt's beinah gar nicht erst probiert, weils mir so absurd erschien. Dann hab ichs glücklicherweise doch versucht und - siehe da! - auf einmal motzt auch der IE7 nicht mehr:

Ich bin noch nicht sicher, ob ich lachen oder weinen soll über dieses merkwürdige Verhalten... Aber wer immer noch IE7 nutzt is eigentlich eh selber schuld...

Ich brauchte ein jquery plugin, das mir diverse bilder in rotiert. Das jquery waterwheel carousel war schon ziemlich perfekt für meine Zwecke und ich kann es eigentlich nur jedem empfehlen. Ich musste für meine Zwecke noch zwei kleine Änderungen machen:

1. das carousel verarbeitet nur images, ich brauchte allerdings unbedingt dieselbe Funktionalität für divs (mit Bildern als Hintergrundbild).

Lösung: im Quellcode wird direkt nach Bildern gesucht. Man muss also überall nur nach .find('img') suchen und dies durch .find('div') bzw. find('div.klassenname') ersetzen. Das ganze funktionierte dann zuerst nicht mehr in Chrome, das lag an der preload Funktion. Da es sich um Hintergrundbilder handelt und ich nicht weiß, wie man die vorlädt, habe ich das ganze einfach auskommentiert:

Das wars schon. Dann spielt auch Chrome das Spiel mit.

2. das carousel kann immer nur um ein item weiterscrollen, ich brauchte aber die Möglichkeit, mit jedem Klick um 3 Items weiterzuscrollen.

Die Pfeile werden mit einer Funktion namens moveOnce belegt. Um nun nicht ein Item weiterzuscrollen sondern drei, habe ich mir eine neue Funktion moveThrice geschrieben:

So hübsch die jquery lightbox auch ist, bei mir wollte sie mit dem Standard Stylesheet im Internet Explorer nicht die richtige Höhe annehmen. Kleiner CSS Fix für das Problem:

Um mit jquery auf das opener Fenster zuzugreifen geht man so vor:

Damit wird in das div "inhaltsdiv" im opener Fenster der Text "test" reingeschrieben.

Nicht schwer, aber merken werd ichs mir nicht können und wenn man sich das googeln ersparen kann...

Es kam jetzt schon öfter vor, dass ich Bilder auf die gesamte Seite ausdehnen musste. Und nun hab ich ein sehr hilfreiches jquery plugin dazu entdeckt:

supersized

Das Ding ist großartig und damit gehts wirklich schnell:

1. die js und css Dateien einbinden:

2. das DIV mit den Bildern im body erstellen:

3. die Funktion aufrufen: