blog.exotec

TYPO3 . XHTML/CSS . JavaScript/AJAX

Seiteneigenschaften erweitern um Attribute für Links in TMENU’s hinzuzufügen

Kategorie Typo3 - 11. Juni 2010

Bei einem aktuellen TYPO3 Projekt, an dem ich gerade arbeite, sollten auf einfache Art und Weise einzelnen Seiten bzw. den Links zu diesen Seiten in der Navigation der Webseite das Attribut rel=”nofollow” hinzugefügt werden.

Um die Tabelle pages um ein Feld zu erweitern habe ich mit dem Kickstarter eine neue Extension angelegt und dabei dann bei “Extend existing Tables” ein neues Textfeld angelegt:

Kickstarter

Mehr muss man hier auch gar nicht tun um ein neues Feld im Reiter “Erweitert” der Seiteneigenschaften zu erzeugen:

Seiteneigenschaften

Im TMENU Setup muss nun nur noch dieses Feld ausgelesen werden und über ATagParams werden die Parameter übergeben:
NO {
ATagParams = {field:tx_dein_feldname}
allStdWrap.insertData = 1
}

Damit kann man nun natürlich auch alle nur erdenklichen anderen Parameter in die Links einschleusen.

Nächste Woche zeige ich wie man ganz einfach den Direct Mail Newsletter mit einer personalisieren Anrede (Sehr geehrte Frau …) unter Verwendung eines simplen Hooks erweitern kann.

Es ist eigentlich schon fast peinlich das dies kein Standard Feature des Direct Mail Modules ist. Vor allem wenn man sieht wie einfach es am Ende dann geht.

Ruhepause beendet

Kategorie Typo3 - 11. Juni 2010

Ich habe eine ganze Zeit hier nichts mehr geschrieben. Dies soll sich nun wieder ändern. Ich habe mir vorgenommen wenigstens einen neuen Post im Bezug auf TYPO3 oder TYPO3 Templates in Zukunft zu verfassen. Der Beitrag für diese Woche folgt heute im Laufe des Tages noch. Darin wird gezeigt wie man die Eingabemaske der Seiteneigenschaften im Backend erweitern kann und darüber weitere Parameter für die Links in TMENU’s erzeugen kann.

Paranoland

Kategorie Intern - 1. Juni 2010

Relaunch Autohaus Honrath

Kategorie Typo3 - 15. April 2010

Im Jahre 2004 hatte ich bereits das TYPO3 Website Template des Autohaus Honrath programmiert. Damals hatte ich bereits eine Gebracuhtwagen Datenbank erstellt welche automatisch mit den Daten der Opel Verwaltungssoftware “Carlo” gefüttert wird. Dies war damals noch keine typische TYPO3 Extension aber bei dem jetzigen Relaunch der Webseite habe ich diese dann als TYPO3 Extension programmiert.

Die neuen Webseiten sind mit zahlreichen WEB2.0 Features versehen worden. Der gesamte Gebraucht- und Vorfürwagenbereich zählt dazu sowie die Spacegallery auf der Startseite und das ImageSlicer Plugin in der rechten Spalte der Folgeseiten. Hier werden die jeweilig als Top Angebot gekennzeichneten Fahrzeuge aus der Datenbank ausgelesen und dargestellt. Die Fancybox ist als zentrales Plugin für die PopUp Fenster eingebunden worden.

Die Liste der FAhrzeuge und asuch die Einzelansicht kann man als PDF ausgeben lassen. Hierbei werden die PDF dymanisch mit der OpenSource Klasse FPDF erzeugt.

http://www.honrath.de/

Relaunch Grüne Kanton St.Gallen (Schweiz)

Kategorie Typo3 - 15. April 2010

Den Relaunch der Grünen aus dem Kanton St. Gallen habe ich auf der Basis der Code Struktur der Seite der Grünen der Schweiz umsetzen dürfen nachdem ich vor ein paar Jahren bereits die Vorgänger Version programmiert hatte.

Es wurde für den Relaunch von den Grünen bereits die komplette Codestruktur geliefert, ich war also “nur” noch für die Programmierung des TYPO3 Website Templates zuständig.

Der Bereich Kanton wird hierbei mit einer kleinen von mir geschriebenen TYPO3 Extension verwaltet und auf der Startseite werden die News in einem Prototype Plugin dargestellt welches auch eine kleine von mir geschriebene Extension ist.

http://www.gruene-sg.ch/

Ubuntu mit Gnome als Desktop Umgebung

Kategorie Linux - 15. Oktober 2009

Ich arbeite seit nun schon fast 2 Wochen nahezu ausschliesslich mit Ubuntu 9.04 und Gnome als Desktopumgebung. Linux auf dem Desktop war wie ich finde in den letzten Jahren sehr unbefriedigend da man früher oder später immer auf irgendwelche Probleme gestossen ist. Große Probleme hatte ich immer mit meinem WLAN oder wenn man unter Wine PSPad laufen lassen wollte (ich habe früher aber fast immer mit SUSE experimentiert).

Mit Ubuntu 9.04 Jaunty Jackalope bin ich bislang auf keine der alten Probleme gestossen. Ganz im Gegenteil hier funktioniert fast alles auf Anhieb. Und wenn mal nicht dann findet man dank der großartigen Community schnell im Netz die Lösungen.

Da ich natürlich nicht ganz auf Windows verzichten kann als Programmierer habe ich mir einfach mittels Virtualbox eine virtuelle Maschine angelegt in der ich ein Windows laufen lasse. Man kann entweder die Virtualbox Version aus dem Repo nehmen, die läuft auch sehr gut. Aber will man auch Zugriff auf USB Geräte haben dann muss man die oben verlinkte Virtualbox Version von Sun installieren.

Wer PSPad kennt wird ihn unter Linux sehr vermissen. Da gibt es meiner Meinung nach auch nichts vergleichbares. Bluefish ist ganz gut vor allem weil er auch FTP Verbindungen verwaltet. Aber vom Leistungsumfang kommt er an PSPad nicht ran. Obwohl ich sehr skeptisch war habe ich PSPad dann aber doch einfach mal mittels Wine (was auch mit vorinstalliert ist) den PSPad installiert. Und siehe da, PSPad läuft einwandfrei.

Mit IEs4Linux kann man sogar den IE6 automatisch mit Wine installieren lassen (und der läuft dann sogar richtig gut in Gnome). Es gibt auch die Möglichkeit den IE7 mit zu installieren aber der läuft bei mir zumindest gar nicht. Aber dafür habe ich ja mein virtuelles Windows installiert.

Insgesamt bin ich mehr als zufrieden mit meinem neuen Ubuntu Laptop und kann es nur weiter empfehlen.

TYPO3 “Klick-Vergrößern” zweimal anders

Kategorie Typo3, JavaScript, CSS - 9. Oktober 2009

Hier noch 2 Beispiel wie man die clickEnlarge Funktion von TYPO3 abwandeln kann:
klicken für Demo 1
klicken für Demo 2

Wie genau das angestellt wurde zeige ich auch noch, heute ist es aber einfach schon zu spät dafür.

TYPO3 “Klick-Vergrößern” mit Lupensymbol

Kategorie Typo3, JavaScript, CSS - 8. Oktober 2009

von: www.elemente-websolutions.ms/blog/

Jeder TYPO3 Redakteur kennt die kleine Checkbox im Inhaltselement “Bild” oder “Text mit Bild”: “Klick-Vergrößern” für Bilder. Hinter diesem recht eigenartigen Wortkonstrukt verbirgt sich nichts anderes als die Funktionalität bei Mausklick auf ein kleines Vorschaubild eine entsprechend größere Variante des gewünschten Bildes in einem neuen Fenster anzuzeigen.
Das Problem dieser nützlichen Funktion zeigt sich allerdings an der Präsentation der selben auf der Website: Der Besucher kann auf dem ersten Blick diese gar nicht erkennen, sind die “klick-vergrößerten” Bilder von Normalen doch nicht zu unterscheiden. Eine Lupe als Symbol eignet sich gut, um dem Benutzer einen visuellen Hinweis zu bieten, aber dieses Icon jedes Mal in das gewünschte Bild zu integrieren und zu speichern ist recht praxisfern und kann für den normalen TYPO3-Redakteur nicht bewerkstelligt werden. Zudem würde die Lupe im Bild auch erscheinen, wenn der Besucher die vergrößerste Ansicht des Bildes betrachtet.
Die Lösung für dieses Problem liefern in ein paar Zeilen TYPOscript und eine Javascript-Funktion. Mit folgendem TYPOscript wird der stdWrap des Inhaltselements “IMAGE” um das Lupensymbol erweitert:

tt_content.image.20 {
  1 {
    stdWrap.innerWrap (
          |
          Klicken um Bild zu vergrößern
    )
    stdWrap.innerWrap {
      if.isTrue.field = image_zoom
      ifEmpty.field = image_link
    }
  }
}

Hiermit wird hinter dem eigentlichen Link für die “Klick-Vergrößern”-Funktionalität ein weiterer eingefügt, der mit der notwendigen Javascript-Funktion versehen ist und eine beliebige Grafik enthält – eben die besagte Lupe als Hinweis für den Besucher. Die Javascript-Funktion “openPreviousLink” ist ein Einzeiler und ruft das onclick-Ereignis des vorherrigen A-Tags auf:

function openPreviousLink(elem) {
    elem.parentNode.getElementsByTagName('a')[0].onclick();
}

Fertig ist unsere Lupe, die unter http://www.elemente-websolutions.ms als Plus-Symbol am unteren, rechten Bildrand integriert wurde. Mit ein wenig TYPO- und Javascript-Kenntissen kann die “Lupe” abgewandelt und auf Erweiterungen wie “tt_news” übertragen werden. Somit erhält der Besucher einer Website nun endlich ein hilfsreiches “Feature”, die Userability steigt.

Comment: Der Code hat mir bei einem aktuellen TYPO3 Template sehr geholfen. Danke

Nächste Seite »

11,844 Spam-Kommentare
blockiert von
Akismet