( jc – 10.02.2009 20:11)

RexHELP

Studie einer universellen und einfach anwendbaren Anzeige von Hilfe-Texten im Redaxo backend.

Konzept

• Im backend möglichst universell vefügbar – idealiter als Teil des cores, zur Not als Addon.
• Unkompliziert, pflegeleicht in der Anwendung, leicht in vorhandenen Code einbindbar.
• Primärer Anwendungsbereich als Hilfestellung in Modulen, weitere Einsatzgebiete im backend denkbar..

UI & Styling

• Modern -> HUD styling ala OSX
• Funktional -> verschieb–, minimier– & resizebar, Speichern der Fensterposition

Konkrete Umsetzung

Die Kombination von PWC framework und dem HUD theme kommt den Anforderungen schon ziemlich nahe. Die Hilfetexte werden aus Blockelementen anhand deren id bezogen, und per einfachem script aufruf RexHELP(‘id’) im HUD Fenster geöffnet. Ist bereits ein Fenster offen, werden die Inhalte im Fenster ersetzzt.

Einschränkungen / todos

• Die Logik zwischen Angabe von Fenstergrößen und der per Cookie gespeicherten Fensterposition ist noch nicht gut gelöst, denn die gespeicherte Größe hat bis zum Löschen des Cookies Vorrang –> dynamisches Anpassen der Fenstergröße an der vom User gewählte Position unter Berücksichtigung der neuen Maße und der Größe des vieworts –> d.h. u.U. Fenster verschieben um nicht aus dem Rahmen zu fallen.
• Dynamisches Laden der CSS files..

Beispiele

Textile [?] // Aufruf mit id

Textile [<a href="#" onclick ="RexHELP('textilehelp');return false;">?</a>]

Resize [?] // Aufruf mit id

Resize [<a href="#" onclick ="RexHELP('resize-beispiele');return false;">?</a>]

Resize [?] // Aufruf mit id, title, width & height

Resize [<a href="#" onclick ="RexHELP('resize-beispiele','Modul : Textile Deluxe',450,180);return false;">?</a>]

Sitemap [?] // Aufruf mit id, title & height

Sitemap [<a href="#" onclick ="RexHELP('sitemap','Navigation','',500);return false;">?</a>]

Tests mit flash, movies, URLs, etc.

Diese Tests sind nur mal auf die Schnelle zusammgestellt.. d.h. es hakt teils noch bein z-index und dergleichen. Prinzipiell kann PWC alle Arten von Inhalten anzeigen , siehe PWC Demos .. aber die RexHELP Funktion ist momentan noch nicht dafür ausgelegt andere(diese) Typen von Inhalten direkt aufzurufen

Death Star Canteen

<a href="#" onclick ="RexHELP('canteen','Death Star Canteen',450,365);return false;">Death Star Canteen</a

Thresholdstate Textile Reference

<a href="#" onclick ="RexHELPViewer('http://thresholdstate.com/articles/4312/the-textile-reference-manual');return false;">Thresholdstate Textile Reference</a>

Redaxo Forums Thread

<a href="#" onclick ="RexHELPViewer('http://forum.redaxo.de/ftopic11177.html');return false;">Redaxo Forums Thread</a>