je te remercie vraiment pour ton aide.
Il faut que j'apprenne à être rigoureux en ce qui concerne les scripts...
J'ai un autre probleme de taille cette fois, peut-être pourras-tu m'aider.
J'ai un menu contenu dans un bloc à gauche de mon bloc contenu. A chaque click sur un des choix du menu, une page est appelé dans mon bloc contenu ainsi que le titre de la page dans 1 troisieme bloc "entete".
sous IE7 et 8, tout fonctionne parfaitement.
Sous firefox et autres navigateurs, j'ai dans mes titres des %20 à la place de mes espaces dans le texte.
Mon code est le suivant:
page HTML "entete":
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MON ENTETE</title>
<link rel="stylesheet" type="text/css" href="./CSS/style.css"/>
</head>
<script type="text/javascript">
var nom=new Array();
var valeur=new Array();
// On enlève le ?
param = window.location.search.slice(1,window.location.search.length);
// On sépare le paramètres....
// first[0] est de la forme param=valeur
first = param.split("&");
for(i=0;i<first.length;i++){
second = first[i].split("=");
nom[i] = second[0];
valeur[i] = second[1];
}
</script>
<script type="text/javascript">
function changetext() {
var nom=new Array();
var valeur=new Array();
// On enlève le ?
param = window.location.search.slice(1,window.location.search.length);
// On sépare le paramètres....
// first[0] est de la forme param=valeur
first = param.split("&");
for(i=0;i<first.length;i++){
second = first[i].split("=");
nom[i] = second[0];
valeur[i] = second[1];
}
document.getElementById("titre").innerHTML = "<FONT size=5 color=c face=police1,police2,police3><B>" + valeur[0] + "</B></FONT>";
}
</script>
<body onload="changetext()">
<div id="titre" style="position: absolute; top: 35px; left: 100px; text-align:center">
</div>
PAGE HTML "menu":
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MENU CSS</title>
<link rel="stylesheet" type="text/css" href="./CSS/style.css"/>
</head>
<script language="javascript">
function charge(entete , contenu, pieds)
{
parent.entete.location=entete;
parent.contenu.location=contenu;
parent.pieds.location=pieds;
}
</script>
<body>
<!-- MENU -->
<div style="width:200px; height:300px; position:relative;top:20px;left:-25px">
<div style="text-align:center">
<ul id="menu" >
<li><a href="#" onclick="charge('./entete-acceuil.html?montitre=Acceuil', './acceuil.html','./pieds-acceuil.html')">Accueil</a></li>
<li><a href="#" onclick="charge('./entete.html?montitre=Qui Sommes Nous', './qui-sommes-nous-page-1.html','./pieds.html')" >Qui sommes-nous?</a></li>
<li><a href="#" onclick="charge('./entete.html?montitre=Nos Objectifs', './nos objectifs.html','./pieds.html')">Nos Objectifs</a></li>
<li><a href="#" onclick="charge('./entete.html?montitre=Nos Moyens', './nos moyens organigramme.html','./pieds.html')">Nos Moyens</a></li>
<li><a href="#" onclick="charge('./entete.html?montitre=Localisation', './localisation.html','./pieds.html')">Localisation</a></li>
<li><a href="#" onclick="charge('./entete.html?montitre=Recherche et Innovations', './recherche-et-innovations.html','./pieds.html')">Pôle Recherche et Innovations</a></li>
<li><a href="#" onclick="charge('./entete.html?montitre=Quelques Realisations', './Quelques Références.html','./pieds.html')">Quelques Réalisations</a></li>
<li><a href="#" onclick="javascript:charge('./entete.html?montitre=Articles de Presse', './Articles de Presse.html','./pieds.html')">Articles de Presse</a></li>
<li><a href="#">Contact</a></div>
</ul>
</div>
</body>
</html>