GWT 2.2 released
Posted 05.03.2011 by Christian
Ok, ich bin zwar jetzt schon wirklich spät dran mit der Veröffentlichung (gefühlte 2 Internetjahre) aber ich möchte es trotzdem noch posten.
GWT 2.2 wurde released. Die gravierendste Neuerung ist mit Sicherheit der GWT-Designer. Dieser ist ein UI-Builder für Eclipse mit dem sich ganz einfach GWT-Oberflächen zusammenbauen lassen. Das ganze ist angelehnt an die anderen Window-Builder die damals die Firma Instantiations vertrieben hat. Nach dem Kauf von Google im letzten Jahr hat man dann von Instantiations nicht mehr viel gehört. Jetzt hat Google, meine Meinung nach, einen großen Schritt in die richtige Richtung gemacht. Wer also bereits Erfahrung mit den anderen Window-Buildern von Instantiations hat, der wird sich mit dem GWT-Designer schnell zurechtfinden.
Ansonsten kann das seit GWT 2.1 neue Widget CellTable nun endlich auch sortieren und Spaltenbreiten festlegen. Nach der ganzen Zeit ohne diese grundlegenden Features wurde das nun auch höchste Eisenbahn das Google hier aufhohlt.
Außerdem gibts noch Support für Html 5-Elemente, wie zum Beispiel Canvas. Ganz nette Spielerei aber hätte ich jetzt nicht unbedingt gebraucht.
Alles in allem ein nettes Minor Release. Alle Infos zum Release gibt es hier
Rss-Feed aus Twitter mit Twitlinks2Rss erstellen
Posted 10.07.2010 by Christian
Viele Twitter User unter euch kennen sicher bereits den Dienst “ReadTwit”. Dieser hat Links aus den Tweets eurer Freunde extrahiert und aus diesen einen RSS-Feed erstellt. So hat man auf jeden Fall keinen interessanten Link verpasst, auch wenn die Timeline nicht vollständig gelesen wurde.
Nun, seit einer gefühlten Ewigkeit funktioniert ReadTwit für mich leider nicht mehr. Keine Ahnung ob es an mir liegt oder warum, aber ich bekomme einfach keine neuen Links mehr in meinen RSS-Feed.
Weil mir das ganze inzwischen zu doof ist, hab ich kurzerhand etwas ähnliches programmiert. Ich hab ein Java Programm geschrieben, dass die Links eurer Freunde auf Twitter in einen Rss-Feed schreibt. Das ganze nennt sich Twitlinks2Rss und ist wie immer OpenSource.
Wichtig zu wissen, ist dass das Programm nach dem Start nur einmalig den RSS-Feed erstellt. Das heißt am besten funktioniert es, wenn ihr einen eigenen Linux Server habt und das Programm dann regelmäßig z.B. alle 30 Minuten ausführt. Beim wiederholten starten des Programms wird der RSS-Feed nicht komplett überschrieben, sondern es werden nur neue Links hinzugefügt. Alte Links, die Ihr noch nicht gelesen habt gehen somit nicht verloren.
Das Programm besitzt keine Oberfläche und wird am besten per Kommandozeile gestartet.
Das Programm ist aktuell in einer Alpha Version 0.1 verfügbar, funktioniert für mich aber hinreichend gut. Schreibt mir wenn es Probleme gibt.
Twitlinks2Rss gibt es bei Sourceforge zum Download.
Der Nivo Slider Generator
Posted 04.05.2010 by Christian
Heute mal wieder ein Thema in eigener Sache. Ich habe bereits vor ein paar Wochen auf die Bildergallerie “Nivo Slider” hingewiesen.
Die Gallerie ist wirklich super. Einziger Nachteil ist, dass die Html-Seite mit den Bilder selbst erstellt werden muss. Weil mir das ein bisschen auf die Nerven ging, hab ich dafür einen Generator geschrieben. Das ganze ist, wie fast immer Open Source und bei Sourceforge veröffentlicht.
Die Benutzung ist denkbar einfach, einfach einen Namen für die Gallerie eingeben, ein Ausgabeverzeichnis wählen und die Bilder für die Gallerie hinzufügen. Dann auf Generate klicken und fertig.
Als Ausgabe bekommt ihr dann eine fertige Gallerie wie Ihr sie in dieser Demo sehen könnt.
Den Nivo Slider Generator gibts hier zum Download. Das Projekt ist ziemlich frisch, also wenn Ihr Bugs findet immer her damit.
Embedded PDF-Viewer durch HTML-Elemente überdecken
Posted 08.02.2010 by Michael
Um Elemente in einer HTML-Seite zu überlappen, genügt es normalerweise, die Eigenschaft z-index zu verwenden. Leider funktioniert dies nicht in der Kombination des
- Adobe-Plugins und des guten
- Internet Explorers (getestet mit Version 7).
Ein typischer Anwendungsfall ist ein Dropdown-Menü, das alle Elemente einer Seite überdecken soll.
Konkret werde ich beschreiben, wie man ein Seitenelement, z.B. ein DIV über den PDF-Viewer legen kann.
Dafür gibt es verschiedene Methoden. Die meiner Meinung nach sicherste ist, an exakt der gleichen Position ein dynamisches iFrame zu erzeugen. Dieses wird dann zuverlässig über dem PDF angezeigt und erlaubt uns dann wiederum, das gewünschte Objekt über dem iFrame anzuzeigen. Das iFrame soll dabei nicht sichtbar sein, so dass wir Scrollbalken und Ränder unsichtbar machen. Dabei ist zu beachten, dass der IE diese Eigenschaften vor dem Einfügen in den DOM-Baum braucht. Eine nachträgliche Änderung wird einfach ignoriert.
Die folgende Funktion führt die notwendigen Schritte durch. Als Argument wird eine Referenz auf ein gültiges DOM-Element erwartet. Rückgabewert ist die Referenz auf den iFrame. Damit kann dieser im Bedarfsfall wieder entfernt werden.
Und weil Bilder mehr sagen als tausend Worte: Hier eine Demo dazu.
- /* overlapPdf( el )
- * el: DOM node
- * returns: reference to iframe element
- *
- * www.slackspace.de
- */
- function overlapPdf( el ){
- if (!el)
- return;
- var parent = el.parentNode;
- var newElement = document.createElement( "iframe" );
- newElement.frameBorder = "0"; // border must be set before being added to the document
- newElement.scrolling = "no"; // scrolling must be set before being added to the document
- var myIframe = parent.insertBefore( newElement, el );
- myIframe.style.left = el.offsetLeft;
- myIframe.style.top = el.offsetTop;
- myIframe.style.width = el.offsetWidth;
- myIframe.style.height = el.offsetHeight;
- myIframe.style.position = "absolute";
- myIframe.style.zIndex = 10; // set z-index to overlap
- // return inserted element
- return myIframe;
- }