Hilfeseiten für 3rd Party Anwendungen

  • Ab sofort steht euch hier im Forum die neue Add-on Verwaltung zur Verfügung – eine zentrale Plattform für alles rund um Erweiterungen und Add-ons für den DSM.

    Damit haben wir einen Ort, an dem Lösungen von Nutzern mit der Community geteilt werden können. Über die Team Funktion können Projekte auch gemeinsam gepflegt werden.

    Was die Add-on Verwaltung kann und wie es funktioniert findet Ihr hier

    Hier geht es zu den Add-ons

Status
Für weitere Antworten geschlossen.

nageniil

Benutzer
Registriert
18. Aug. 2009
Beiträge
209
Reaktionspunkte
5
Punkte
18
Hi,
wer für seine 3rd Party Anwendungen gerne eine Hilfeseite einbinden möchte (so wie bei den eingebauten Features), der kann das relativ einfach bewerkstelligen.
(Weniger einfach war es herauszufieseln, welches der tausend <div>-Tags auf der DSManager-Seite wofür zuständig ist...).
Als Beispiel habe ich itaris 3rd-party-Applikation "HelpDesk" herangezogen, das sieht dann so aus wie auf der angehängten Grafik.

Anleitung:
1. Auf der Startseite der Anwendung (z.B. wie hier: helpdesk.html) per javascript den Hilfebutton aktivieren (das "Buchsymbol"):
top.document.getElementById("ext-gen46").style.visibility = "visible";
2. eine neue Hilfeseite (z.B. wie hier im Beispiel: helpdeskhelp.html) erstellen und ebenfalls per javascript einbinden:
top.document.getElementById("ext-gen136").src='3rdparty/HelpDesk/helpdeskhelp.html';

Thar's all.

Zum Verständnis füge ich die beiden Beispieldateien bei, bitte die .txt-Erweiterung entfernen, damit man eine helpdesk.html und eine helpdeskhelp.html hat. Die beiden Dateien einfach in den Ordner /volume1/@appstore/HelpDesk kopieren (sofern man itaris HelpDesk bereits installiert hat) und freuen :)

Ach so, ja: die Element-IDs "ext-gen46" und "ext-gen136" sind wahrscheinlich von der Firmware-Version abhängig, habe es unter der aktuellen FW 0942 getestet, also brandaktuell.
Man könnte evtl. eine "Weiche" einbauen, um je nach FW-Stand die richtigen IDs anzusprechen, aber da weiß ich im Moment kein Bescheid... Oder eine integrierte Funktion der extjs-Library benutzen, sowas wie "top.Ext.xyz.toggleHelpArea(true);" , aber da weiß ich im Moment auch noch nicht, wie die Elemente auf der DSM-Oberfläche wie angesprochen werden...
 

Anhänge

Browsererweiterung für die Hilfeseiten

Leider haben die <div>-Tags je nach Browser unterschiedliche IDs, deshalb muss man noch eine Browserweiche einfügen. Dann gehen die Hilfeseiten zum Aufklappen mit IE und FF (getestete Versionen: IE8 und FF 3.5.2 auf Windows XP Prof). Details dazu in der angehängten Datei. Safari und Opera müsste man noch testen, Mac-Rechner habe ich keinen.
Ist also doch nicht ganz so einfach...:confused:
 

Anhänge

So, nun geht es auch mit den üblichen anderen Browsern.
Getestet mit IE (8), FF (3.5.2), Safari (4.0.3), Opera (10), Chrome (2.0.172.43).
Im angehängten Beispiel-File ist ein ausführlicher Kommentar vorhanden.
 

Anhänge

Status
Für weitere Antworten geschlossen.
 

Kaffeautomat

Wenn du das Forum hilfreich findest oder uns unterstützen möchtest, dann gib uns doch einfach einen Kaffee aus.

Als Dankeschön schalten wir deinen Account werbefrei.

:coffee:

Hier gehts zum Kaffeeautomat