Html, CSS, PHP, JavaScript und womit man sich sonst so rumschlägt.
Archive for the ‘jQuery’ Category.
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:
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:
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:
Nachdem ich letztens open_all benutzt habe, weil ich das mit dem Öffnen einzelner Nodes nicht hinbekommen habe, musste ichs heute nochmal recherchieren und habe jetzt die Lösung um einen Ast meines Trees zu öffnen:
Inhalte ist die ID des Listenelements, das ich öffnen möchte.
Aus gegebenem Anlass beschäftige ich mich grade mit jsTree. Ich glaub, das kann ziemlich viel, allerdings find ich die Doku etwas dürftig. Aber da es sich um JavaScript handelt, hab ich damit weit weniger Probleme als mit der Doku von, sagen wir mal, Typo3.
1. Wie erstelle ich einen jsTree ?
Zuerst baue ich mir im HTML eine einfache Liste
Anschließend initalisiere ich den Tree
Mit "types" definiere ich die Node Typen und kann so für einzelne Listeneinträge unterschiedliche Icons definieren.
2. Wie sorge ich dafür, dass gleich alles aufgeklappt ist ?
Nun wollte ich noch, dass der Tree gleich komplett aufgeklappt ist und das geht so:
Mehr Einträge zu jsTree werden sicher noch folgen.... 