Der E-Katalog-Viewer unterstützt das Rendern von Imagemap-Symbolen über der Hauptansicht.
Das Erscheinungsbild von Zuordnungssymbolen wird über CSS gesteuert, wie unter Bild-Map-Effekt.
Bei Imagemaps wird eine der folgenden drei Aktionen ausgeführt: zu einer externen Webseite, Popup-Aktivierung des Infofelds und internen Hyperlinks umleiten.
Die href
-Attribut der Imagemap hat eine URL zur externen Ressource, entweder explizit angegeben oder in eine der unterstützten JavaScript-Vorlagenfunktionen eingeschlossen: loadProduct()
, loadProductCW()
und loadProductPW()
.
Im Folgenden finden Sie ein Beispiel für eine einfache URL-Umleitung:
href=http://www.adobe.com
In diesem Beispiel wird dieselbe URL mit der loadProduct()
Funktion:
href=javascript:loadProduct("http://www.adobe.com");void(0);
Wenn Sie den JavaScript-Code zum HREF
-Attribut Ihrer Imagemap verwenden, wird der Code auf dem Computer des Clients ausgeführt. Stellen Sie daher sicher, dass der JavaScript-Code sicher ist.
Um mit Info-Bedienfeldern zu arbeiten, verfügt eine Imagemap über die ROLLOVER_KEY
-Attributsatz. Legen Sie außerdem die href
gleichzeitig zuordnen, andernfalls stört die externe URL-Verarbeitung die Popup-Aktivierung des Info-Bedienfelds.
Stellen Sie abschließend sicher, dass die Viewer-Konfiguration die entsprechenden Werte für InfoPanelPopup.template
und optional InfoPanelPopup.infoServerUrl
Parameter.
Wenn Sie das Popup für das Infofeld konfigurieren, werden der HTML-Code und der JavaScript-Code, der an das Infofeld übergeben wird, auf dem Clientcomputer ausgeführt. Stellen Sie daher sicher, dass dieser HTML-Code und JavaScript-Code sicher sind.
Beim Auswählen einer Imagemap wird ein interner Seitenaustausch im Viewer durchgeführt. Um diese Funktion zu verwenden, muss eine href
-Attribut in der Imagemap hat das folgende spezielle Format:
href=target: *
idx*
Wo *
idx*
ist ein nullbasierter Index des Katalogspreads.
Im Folgenden finden Sie ein Beispiel für eine href
-Attribut für eine Imagemap, die auf den 3D-Spread im eCatalog verweist:
href=target:2