<<

"MINI-SIG" - SCRIPT

Attention, ne fonctionnent qu'avec les navigateurs récents et le plugin Shockwave Flash 3.

Personnalisation du script

Nous pouvons envisager deux niveaux de personnalisation du script javascript :
- la totalité, ce n'est pas l'objet de ces pages,
- les données statistiques, et c'est là que c'est intéressant...

Pour accéder aux statistiques et les modifier, procédez comme suit :

 1- Modifier le tableau de statistiques.

   Ouvrez le fichier "sig_fr1.htm" ou "sig_ue1.htm" dans le Bloc-notes (ou équivalent) et recherchez la partie suivante (ici pour la France, "sig_fr1.htm") dans le script de début de page :

// debut repere ===========================
// TABLEAU

// variable nb de colonnes
var nb = 10;

// Attention, pas de virgules pour les nombres, elles servent de separateur

// code, region,
Pop 95 x 1000, hab/km2, %1re, %2re, %3re, libre, libre, libre,
var eta = new Array("alsace", "Alsace",
1689, 201, 3, 32, 59, 8, 9, 10,
"aquitain", "Aquitaine",
2866, 69, 10, 18, 64, 8, 9, 10,
"auvergne", "Auvergne",
1315, 50, 10, 25, 58, 8, 9, 10,
"bourgogn", "Bourgogne",
1623, 51, 8, 26, 59, 8, 9, 10,
"bretagne", "Bretagne",
2845, 105, 12, 20, 61, 8, 9, 10,
"centre", "Centre",
2433, 62, 7, 27, 58, 8, 9, 10,
"champagn", "Champagne-A",
1352, 53, 9, 28, 56, 8, 9, 10,
"corse", "Corse",
259, 30, 8, 7, 73, 8, 9, 10,
"fr-cmte", "Franche-Comté",
1113, 69, 6, 36, 52, 8, 9, 10,
"idf", "Ile-de-France",
10981, 914, 1, 19, 74, 8, 9, 10,
"lngdoc", "Languedoc-R",
2221, 81, 8, 13, 70, 8, 9, 10,
"limousin", "Limousin",
718, 42, 13, 20, 60, 8, 9, 10,
"lorraine", "Lorraine",
2311, 98, 4, 28, 60, 8, 9, 10,
"midi-pyr", "Midi-Pyrénées",
2493, 55, 10, 19, 63, 8, 9, 10,
"no-p-cal", "Nord-P-de-Cal",
3994, 322, 4, 26, 63, 8, 9, 10,
"bass-nor", "B-Normandie",
1412, 80, 11, 23, 58, 8, 9, 10,
"hte-norm", "H-Normandie",
1776, 144, 4, 29, 59, 8, 9, 10,
"pays-loi", "P-de la Loire",
3138, 98, 10, 25, 57, 8, 9, 10,
"picardie", "Picardie",
1855, 96, 6, 29, 59, 8, 9, 10,
"poitou-c", "Poitou-Ch",
1618, 63, 12, 21, 60, 8, 9, 10,
"paca", "PACA",
4426, 141, 4, 14, 73, 8, 9, 10,
"rhone-al", "Rhône-Alpes",
5571, 128, 4, 27, 61, 8, 9, 10);

// fin repere =============================

   Il s'agit d'un tableau de données dont vous ne pouvez pas modifier la structure (à moins de toucher aux autres parties du code) mais où vous pouvez modifier les valeurs numériques.
   Les virgules servent de séparateurs entre les "cellules" du tableau. Je l'ai présenté ici en lignes (22) et colonnes (10) pour faciliter la lecture.
   Les nombres en orange correspondent à la colonne 3 (en magenta, le titre de la colonne, sert juste d'info... le symbole // précède les courts commentaires qui ne sont pas lus par le navigateur...).
   Vous devez donc conserver le même nombre de cellules non vides et n'effacer ni modifier les deux premières colonnes.

   Saisissez les valeurs numériques que vous désirez à la place de celles existantes (le séparateur décimal est le .)

 

 2- Mettre à jour le menu déroulant "Choix des données".

   Il faut maintenant mettre à jour le menu déroulant qui permet de choisir les données (la "colonne" du tableau).
   Toujours dans le Bloc-notes, recherchez, dans le même fichier, la balise html :

<select name="sel_donnees" size="1"
onchange="var chx_s= InternetExplorer ? chx_stats.sel_donnees.options[chx_stats.sel_donnees.selectedIndex].value :
document.chx_stats.sel_donnees.options[document.chx_stats.sel_donnees.selectedIndex].value;">
<option
selected value="1">Population en 1995 (x 1000)</option>
<option value="
2">Hab./km²</option>
<option value="
3">% pop. secteur 1re</option>
<option value="
4">% pop. secteur 2re</option>
<option value="
5">% pop. secteur 3re</option>
<option value="6">titre6</option>
<option value="7">titre7</option>
<option value="8">titre8</option>

</select>

   Les expressions en magenta correspondent aux titres qui seront affichés dans le menu déroulant, les chiffres en rouge aux références des colonnes numériques dans le tableau.
   Vous pouvez ajouter une à trois lignes (en vert ici), mais pas plus, sur le même principe.
"Selected value" est la "colonne" sélectionnée par défaut.

   Effacez et remplacez les titres qui correspondront aux "colonnes" du tableau.

   Respectez les codes.

Pour plus de détails : mailto Eric Dromer

top