Discussion :

[discusaigon]

Bonjour,

je préviens d'avance, je suis débutant en html, programation, ...

je travail sur un site qui a été décrit en détail il y a quelques années sous la forme d'un document en html, avec un menu dynamique en javascript.

voila, ce boulot a été fait par un prestataire informaticien externe, et j'aimerai comprendre comment fonctionne la programmation de ce projet html pour pouvoir mettre à jour le document moi même sans passer par l'extérieur.

Pour la modification interne des pages html cela ne me pose pas de problème.

Par contre, j'aimerai pouvoir modifier la structure du site c'est à dire :

modifier l'arborescence dynamique de manière à pointer vers de nouvelles pages html.

J'ai essayé de creuser mais j'ai un peu du mal à me mettre dedans :

voici une extrait de l'aide du site html :

• Modification lourde (ajout / suppression / renommage de pages) :
· Un outil d'édition HTML ainsi que la connaissance du javascript sont nécessaires (cf. nota).

pour l'outil d'édition html, j'ai dreamweaver et je sais utiliser les fonctions de bases donc c'est bon par contre il me manque une petite connaissance du javascript.

Il y a un fichier script.js à la racine du site avec pas mal d'indications sur la définition des fonctions.

exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
// * * * F O N C T I O N S   G E N E R A L E S * * * 
 
 
function NoRightButton(){    // Inhibe le menu contextuel (bouton droit souris)
   if (event.button==2){
     alert("Utilisez le bouton gauche");
   }
}
 
function DoOver(color) {
    oldcolor=window.event.srcElement.style.color
    window.event.srcElement.style.color=color
}
 
function DoOut() {
	window.event.srcElement.style.color=oldcolor;
}
 
function SomOver(oItem) {
 
	if(document.readyState != "complete") return;
	oItem.className = 'Som2';
	window.event.cancelBubble = true;
}
 
function SomOut(oItem) {
 
	if(document.readyState != "complete") return;
	oItem.className = 'Som1';
	window.event.cancelBubble = true;
}
 
 
// * * * FONCTION MAJ : Mise A Jour des variables de navigation * * *
 
function MAJ(navig,prec,info,suiv,Somm,NomRub) {     // Mise A Jour des variables :
 
parent.parent.nav=navig;                  //   bandeau de navigation
                                          //    1 : pour placer une page dans le cadre 'principal'
                                          //   12 : pour placer une page précédente dans le cadre 'principal'
                                          //        et une page suivante dans le cadre 'Fiche'
                                          //    2 : pour placer une page dans le cadre 'Fiche'
                                          //   21 : pour placer une page précédente dans le cadre 'Fiche'
                                          //        et une page suivante dans le cadre 'principal'
  if (navig==0){                   //   (si pas de bandeau : navig = 0)
	parent.parent.FramesGene.rows="17,*,0";
  }
  else{
        parent.parent.FramesGene.rows="17,*,29";
  }
 
parent.parent.pagep=prec;                 //   nom de la page précédente
  if (prec==null){                 //   (si première page : pas de page précédente)
	parent.parent.bas_droite.IMPP.style.display='none';
  }
  else{
        parent.parent.bas_droite.IMPP.style.display='';
  }
parent.parent.pages=suiv;                 //   nom de la page suivante
  if (suiv==null){                 //   (si dernière page : pas de page suivante)
	parent.parent.bas_droite.IMPS.style.display='none';
  }
  else{
        parent.parent.bas_droite.IMPS.style.display='';
  }
parent.parent.info=info;                  //   numéro de la page en cours
parent.parent.bas_droite.NumPage.innerText=parent.parent.info;
 
if (Somm=='S'){                    //   (si page précédente est un sommaire : changement d'image)
	Url = window.parent.parent.frames['sommaire'].location.href;        // calcul de la racine du site
	chemin = Url.substr(0,Url.lastIndexOf("/"))+"/images/Sommaire.gif"; // 
	parent.parent.bas_droite.IMPP.src=chemin;
  }
  else{
	Url = window.parent.parent.frames['sommaire'].location.href;        // calcul de la racine du site
	chemin = Url.substr(0,Url.lastIndexOf("/"))+"/images/PagePrec.gif"; // 
	parent.parent.bas_droite.IMPP.src=chemin;
  }
 
if (NomRub!=null){
	var i;                     // Mise à jour des couleurs des rubriques du bandeau haut
	var bouton = parent.parent.bandeau.document.all.tags("a");
    for (i=0; i<bouton.length; i++)
    {
            bouton(i).style.color ="#FFFFFF";
    }
    parent.parent.bandeau.eval(NomRub).style.color ="#00FF00";
    oldcolor="#00FF00";
  }
 
}

et aussi un script à l'intérieur de la page html du menu dynamique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<script>
//<!--
var ver = 0;
var oldcolor;
var rubrique;
 
function DoOver(color) {
	oldcolor=window.event.srcElement.style.color
   window.event.srcElement.style.color=color;
}
 
function DoOut() {
    window.event.srcElement.style.color=oldcolor;
}
 
function CloseAllDiv() {      // 28/01/98  cache toutes les sous-divisions de la page
    var i;
    var div = document.all.tags("DIV");
 
    for (i=0; i<div.length; i++) {
 
        if (div(i).className == "Outline")
            div(i).style.display = "none";
    }
}
 
function ExpandCollapse()    //affiche la sous-division et ferme les autres
{
    var targetElement, parentDiv;
    i = window.event.srcElement.sourceIndex; 
   // is this link already nested in a DIV?
    for (parentDiv = window.event.srcElement.parentElement; parentDiv!=null; parentDiv = parentDiv.parentElement) { 
		 if (parentDiv.tagName=="DIV") {
            j=1;
            break;
        }
        if (parentDiv.tagName=="BODY") {
           for (j=1; (i+j) < document.all.length && document.all(i+j).tagName=="BR"; j++);
            j+=2;
            break;
        }
    }
    if (parentDiv==null) {
       for (j=1; (i+j) < document.all.length && document.all(i+j).tagName=="BR"; j++);
        j+=2;
        parentDiv = document.body;
    	}
 
    //make sure element is not off page (test for last link)
    if ( ((i+j)<document.all.length)  && (document.all(i+j).tagName == "DIV")) {
 
        if ( parentDiv.contains(document.all(i+j))==true 
            &&  (document.all(i+j).className == "Outline") ) {
            targetElement = document.all(i+j);
            if (targetElement.style.display == "none")
					{
					CloseAllDiv();
					targetElement.style.display = "";
					}
            else {
                	targetElement.style.display = "none";
            		}
        }
    }
 
    window.event.cancelBubble = true;
}
 
 
function Titrage(montitre,monmodule)   //  28/01/98  Met à jour le titre et les variables qui vont avec (module,rubrique)
{												// et affiche la page principe de base du module dans la fenetre principal
	var i;
	var oldmodule;   
	var bouton = document.all.tags("a");
    for (i=0; i<bouton.length; i++) {
            bouton(i).style.color ="#FFFFFF";
    }
	window.event.srcElement.style.color ="#00FF00";
	oldcolor="#00FF00";
	with (window.top.frames['titre'])
	{	
		oldmodule=document.all.MyText.Module;			// on récupère le nom de l'ancien module avant de le changer
		document.all.MyText.innerText = montitre;
		document.all.MyText.Module = monmodule;
		rubrique=document.all.MyText.Rubrique;
	}
	with (window.top.frames['bandeau']) 
	{	
		if (monmodule == 'securite')	
		{
		ChgRub('AccSecur');				//si on clique sur 'securité' , alors on force la rubrique à 'pbase2'
		}
		else
			if ((oldmodule == 'securite')||(oldmodule == 'aide'))		
			{
			ChgRub('Loc');			// si l'ancien module était 'securité' ou 'aide' alors on force le nouveau à 'pbase'
			}
			else
			{
			ChgRub('nochange');		// si l'ancien module n'était pas 'securité' alors on ne change pas la rubrique
			}
		}
}
//-->
</script>

Voila est ce que vous pouvez m'aider à partir de ces éléments ?

Merci d'avance.