Martina Major

- Webdesign nach dem Baukastenprinzip

Home Modul Post-It

In Arbeit

Ich bin noch eine Baustelle, ich kann noch keine Handschrift ... aber bald!

Mein Modul Post-it Drucken

Module in Joomla brauchen zunächst mal einen Namen, meine haben alle ein doppeltes m für Martina Major und dann als Kurztext wozu es gut ist.

Ein Modul, welches einen Post-It-Zettel darstellt heißt dann:

  • mod_mm_post_it.php
  • mod_mm_post_it.xml

Damit die php-Datei nicht so alleine ist, gibt es noch eine xml-Datei dazu.

Unter Joomla 1.0.x wären wir jetzt schon fertig.

 

Seit Joomla 1.5.x wird konsequent Layout und Funktion getrennt.

D.h. Funktionen werden im Controller definiert.

Der Controller heißt helper.php.

Eigentlich braucht ein gelber Post-It-Zettel keine zusätzliche Funktionen, aber es gibt ja auch bunte Post-It-Zettel.
Also kann ich die Farbe auch über einen Zufallsgenerator bestimmen.

 

Datei: helper.php



Das Layout wird jetzt im Template definiert. Im Unterverzeichnis tmpl wird dazu die default.php erstellt.

 

 

Datei: tmpl/default.php

Der Post-it-Zettel besteht aus 3 DIV's, der äußere ist dafür da die 2 inneren DIV's mittig zu positionieren.

Das erste DIV innen, ist der Pin zum anpinnen und das 2. DIV der eigentliche Zettel. 

Um den Pin halb über den Zettel zu schieben, wird für beide DIV's ein z-index definiert. Der vom Pin muss größer sein, als der vom Zettel, damit der Pin drüber liegt. 

 

Der Pin, also die Datei pin.png befindet sich ebenfalls im Modulverzeichnis, im Unterverzeichnis images.

 

Datei: mod_mm_post_it.php

In dieser Datei werden jetzt die Parameter eingelesen, ob ich das ggf. auch als Funktion in den Controller packen müsste, weiss ich nicht. Für die Farbe wird die Funktion aufgerufen.

 

 

 

Datei: mod_mm_post_it.xml

Die Datei xml ist relativ schnell erstellt, wer will kann sich dazu aber auch ein Tool installieren, welches die Datei automatisch erstellt. Ich habe mir das was zum Ausprobieren runtergeladen. Wenn das gut funktioniert, steht hier demnächst der Link dazu.