Expert - Hijax-Links

In Intrexx können Hijax-Links eingesetzt werden, die auf Intrexx-Applikationen oder statische VTL-Dateien verlinken und die Zielseiten per Ajax z.B. in der Hauptseite oder in einem Tooltip laden. Die Hijax-Links können im Element Statischer Text oder in VM-Dateien verwendet werden.

Verfügbare Attribute

data-hijax

Pflichtattribut. Definiert, in welchem Fenstermodus ein angegebenes Sprungziel geöffnet werden soll. Bei Angabe eines ungültigen Werts wird current als Fallbackvalue verwendet. Unzulässig sind beispielsweise "", "default" oder "myValue".

Wert:
tooltip - Zielseite im Tooltip öffnen
popup - Zielseite im Popup öffnen
stage - Zielseite im Hauptfenster öffnen
current (default) - Zielseite im aktuellen Fenster öffnen

data-hijax-tooltip

Definiert, in welcher Art und Weise sich ein Sprungziel im Tooltip öffnet. Nur relevant, wenn data-hijax="tooltip" verwendet wird.

Wert:
modal - Tooltip öffnet sich modal
mouse - Tooltip öffnet sich an der aktuellen Mausposition
element - Tooltip öffnet sich an der Position des definierten HTML-Elements

data-hijax-tooltip-group

Definiert, dass Tooltips mit einem gleichen Gruppennamen immer im selben Tooltip geöffnet werden. Nur relevant, wenn data-hijax="tooltip" verwendet wird.

Wert:
Name des Tooltips, das geöffnet werden soll.

data-hijax-tooltip-props

Hiermit können weitere Parameter definiert werden, um Attribute des sich öffnenden Tooltips detaillierter zu spezifizieren wie beispielsweise der Titel des Tooltips. Nur relevant, wenn data-hijax="tooltip" verwendet wird.

Wert:
z.B.: data-hijax-tooltip-props="strTitle:'Hallo Welt!'"

data-hijax-tooltip-position-element

Definiert das HTML-Element, an dem sich das öffnende Tooltip ausrichten soll. Nicht möglich in freien Tabellen. Nur relevant, wenn data-hijax="tooltip" und data-hijax-tooltip="element" verwendet wird.

Wert:
HTML-Element (GUID oder HTML-ID des Elements), an dem sich das Tooltip ausrichten soll.

data-hijax-tooltip-position-orientation

Definiert die Ausrichtung am HTML-Element. Nur relevant, wenn data-hijax="tooltip" und data-hijax-tooltip="element" verwendet wird.

Wert:
Ausrichtung (Default: unterhalb, links)

Mögliche Werte zur Ausrichtung:

Der rote Rahmen definiert das HMTL-Element, an dem sich das Sprungziel-Tooltip ausrichten soll. Im folgenden Beispiel sind einige Beispiele aufgezeigt, bei denen die Schaltfläche mit dem Titel "Element" den im obigen Diagramm als rot gekennzeichneten Rahmen widerspiegelt.

Beispiele

1. Öffnen einer Seite im Stage-Container

<a data-hijax="stage" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in stage</a>

2. Öffnen einer Seite im Tooltip

<a data-hijax="tooltip" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in tooltip</a>

3. Öffnen eine Seite immer im selben Tooltip

<a data-hijax="tooltip" data-hijax-tooltip-group="groupA" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in the same tooltip</a>

4. Öffnen einer Seite in einem modalen Tooltip

<a data-hijax="tooltip" data-hijax-tooltip="modal" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in modal tooltip</a>

5. Öffnen einer Seite im aktuellen Fenster (Stage oder Tooltip)

<a data-hijax="current" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in the current window</a>

6. Öffnen einer statischen VTL-Datei in einem Tooltip

Mit dem Parameter rq_VM wird der Pfad zu einer VTL-Datei relativ zum Portalverzeichnis in Hexcodierung angegeben. Beispiel: internal/system/vm/html/include/sample.vm enspricht hexcodiert 696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D.

<a href="?rq_VM=696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D"data-hijax="tooltip">VTL file in tooltip</a>

7. Öffnen einer statischen VTL-Datei in einem Popup-Fenster

<a href="?rq_VM=696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D" data-hijax="popup">VTL file in popup</a>

8. Ausrichten eines Tooltips an einem Element

<a data-hijax="tooltip" data-hijax-tooltip-position-element="B7B55A672619D6DBE5B3330A4FD763CC0C3169F6" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link</a>

9. Ausrichten eines Tooltips an einem Element mit Positionsangabe

<a data-hijax="tooltip" data-hijax-tooltip-position-element="B7B55A672619D6DBE5B3330A4FD763CC0C3169F6" data-hijax-tooltip-position-orientation="above_right" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in tooltip</a>