Prise en charge des zones cliquables

La visionneuse de catalogue électronique prend en charge le rendu des icônes de zone cliquable au-dessus de la vue principale.

L’aspect des icônes de mappage est contrôlé via CSS, comme décrit dans Effet de zone cliquable.

Les zones cliquables effectuent l’une des trois actions suivantes : redirection vers une page Web externe, une activation contextuelle du panneau Infos et des hyperliens internes.

Redirection vers une page Web externe

L’attribut href de la zone cliquable comporte une URL vers la ressource externe, soit explicitement spécifiée, soit encapsulée dans l’une des fonctions de modèle JavaScript prises en charge : loadProduct(), loadProductCW() et loadProductPW().

Voici un exemple de redirection d’URL simple :

href=http://www.adobe.com

Dans cet exemple, la même URL est encapsulée avec la fonction loadProduct() :

href=javascript:loadProduct("http://www.adobe.com");void(0);

Notez que lorsque vous ajoutez le code JavaScript dans l’attribut HREF de votre zone cliquable, le code est exécuté sur l’ordinateur du client. Par conséquent, assurez-vous que le code JavaScript est sécurisé.

Activation contextuelle du panneau d’informations

Pour utiliser les panneaux d’informations, une zone cliquable a l’attribut ROLLOVER_KEY défini. En outre, définissez l’attribut href en même temps, sinon le traitement des URL externes interfère avec l’activation contextuelle du panneau Infos.

Enfin, veillez à ce que la configuration de la visionneuse comprenne les valeurs appropriées pour les paramètres InfoPanelPopup.template et, éventuellement, InfoPanelPopup.infoServerUrl.

Hyperliens internes

Le fait de cliquer sur une zone cliquable permet d’effectuer une permutation de page interne dans la visionneuse. Pour utiliser cette fonctionnalité, un attribut href dans la zone cliquable présente le format spécial suivant :

href=target: *idx*

où *idx* est un index de base zéro de l'étendue du catalogue.

Vous trouverez ci-dessous un exemple d’attribut href pour une zone cliquable pointant vers l’étendue 3D du catalogue électronique :

href=target:2