Deuxième Exemple de structure conditionnelle : un commutateur de charte graphique

Il est courant dans des intranets, que la présentation d'un volume se décline sur plusieurs modes, les structures des pages Web restant très proches.

Ainsi fonctionne la commutaton de la charte du site de l'EISTI, entre la version internet/publique et la version intranet/privée (ne rêvez pas, vous ne venez pas de passer une faille de sécurité !!) :

Commuter la charte

Source :

var active = 1;
function switchgraphics()
   {
   if (active == 1)
      {
      document.frames['example'].location.href =
        "http://www.eisti.fr/ent/index_inter_fr.dim?x=intra&l=fr";
      active = 0;
      }
   else
      {
      document.frames['example'].location.href = 
        http://www.eisti.fr/ent/index_inter_fr.dim?x=inter&l=fr";
      active = 1;
      }
   }

Fonctionnement :

Tout d'abord, le jeu d'images. Les deux chartes font appel à deux ensembles d'images semblables : elles sont de taille et de sémantique identique, mais de couleurs différentes. Par souci d'organisation (et pour ménager le graphiste) leurs noms sont construits par 'ajout de suffixe', ainsi :

• bandeau_inter_fr.gif est le bandeau supérieur de l'internet en version française.
• bandeau_intra_fr.gif est le bandeau supérieur de l'intranet en version française.

Plus généralement, la plupart des pages existent en version "inter_fr" et "intra_fr".

La commutation de charte graphique s'effectue alors par paramétrage systématique des appels graphiques de la forme :

<IMG SRC="<%%IMG_ROOT_URL%%>{chemin}/{radical_image}_<%%FORM::x%%>_<%%FORM::l%%>.gif" >

démontrant par ailleurs que la commutation de langue est gérée de la même manière.

Ainsi, une technique très simple et automatique permet de simplifier la gestion d'images dans des chartes similaires multilingues et récurrentes, tout en factorisant la totalité de la structure.