Feb
05

Timeline Helper in der Bakery erschienen

Die Timeline Javascript Bibliothek hatte ich selbst bei einem Projekt in Verbindung mit CakePHP eingesetzt für die Veranschaulichung von Terminen auf einer verschiebbaren Zeitachse. Hier der Link auf die Beispiele von Timeline, die teilweise sehr anschaulich sind.

Selbst hatte ich mir damals nicht die Mühe gemacht einen Helper zu schreiben, aber dafür gibts jetzt in der Bakery einen Timeline-Helper. Hab ich zwar noch nicht ausprobiert, sieht aber ganz ansprechend aus, so weit ich mal kurz drauf geschaut habe. Wer also Temine, Zeitbereiche und ähnliches anschaulich und interaktiv anzeigen will, sollte mal einen Blick auf den Helper werfen.

Jan
29

HtmlHelper und die Ausgabeformatierung

Der HtmlHelper gehört für die Ausgabeformatierung zu den Standardwerkzeugen in CakePHP, da der Links erzeugen, Bilder ausgeben und noch viel mehr kann.

Meist schreib ich inzwischen auch normalen HTML-Code mit Hilfe des Helpers, da ich mir dann keine Gedanken mehr über die Formatierung machen muss.

1
2
     $html->tag('h2', __('Meine Überschrift', true));
     $html->para('grosseSchrift', __('die Erklärung zu dem Kapitel', true));

liefert dann schon

   <h2>Meine Überschrift</h2>
   <p class="grosseSchrift">die Erklärung zu dem Kapitel</p>

Dabei nutzt der HtmlHelper intern eine Feld mit Tags, die im Quelltext vom HtmlHelper ganz am Anfang definiert werden. Die Tags kann man für eigene Zwecke auch ganz einfach anpassen.

1
     $html->tags['link'] = "<a rel="nofollow" href="%s"%s>%s</a>";

Damit werden dann Links erzeugt, die immer rel=”nofollow” enthalten, wenn man das für seine Zwecke braucht. Oder man man auch ein Neue Zeile “\n” anhängt, damit man lesbarere Quelltexte erhält ;)

Um einen Bild und eine Url getrennt mit Links zu versehen kann das dann beispielsweise so aussehen:

1
2
3
       $txt = $this->Html->link(
                 $this->Html->image($image), $link, array('class'=>'img'), false, false) . " " .
                 $this->Html->link($title, $link);

Übrigens sind jetzt in der neuen API-Dokumentation auch die Parameter und Methoden alphabetisch aufgelistet, was das Ganze noch viel benutzbarer macht. Jetzt müssen eigentlich nur noch die Funktionen direkt über die Suche zu finden sein.

Oben