Probleme de lien
Bonjour,
j'ai fait un site en CMS.
J'ai un souci :
certaines pages étant identiques j'aimerai qu'elles servent pour toutes les pages de mon site ;
j'ai plusieurs dossiers et sous dossiers dans mon site ;
si je mets une page dans le dossier principal
[ ce qui donne : $("#menu").load("../../menu.html") ] cela ne fonctionne pas
je suis donc obligée de mettre ces pages dans chacun des dossiers pour que cela fonctionne.
Merci pour vos réponses et bonne nuit.
Voici ci-dessous ma page principale.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=iso8859-1" />
<title>Barbière de lavabo fin XIXème</title>
<link rel = "stylesheet"
type = "text/css"
href = "../../cmsstd.css" />
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<!--><![endif]-->
<!--[if IE 8]>
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<![endif]-->
<script type = "text/javascript"
src = "../../jquery-1.3.2.min.js">
</script>
<script type = "text/javascript">
//<![CDATA[
$(init);function init(){
$("#heading").load("head.html");
$("#menu").load("menu.html");
$("#content1").load("barbiere-lavabo-bateau-fin-xixemes1.html");
$("#content2").load("barbiere-lavabo-bateau-fin-xixemes2.html");
$("#footer").load("footer.html");
};
//]]>
</script>
</head>
<body>
<div id = "all">
<div id = "heading">
</div>
<div class = "menuhower"
id = "menu">
</div>
<div class = "content tabfoto"
id = "content1">
</div>
<div class = "content tabtext"
id = "content2">
</div>
</div>
<div id = "footer">
</div>
</body>
</html>
j'ai fait un site en CMS.
J'ai un souci :
certaines pages étant identiques j'aimerai qu'elles servent pour toutes les pages de mon site ;
j'ai plusieurs dossiers et sous dossiers dans mon site ;
si je mets une page dans le dossier principal
[ ce qui donne : $("#menu").load("../../menu.html") ] cela ne fonctionne pas
je suis donc obligée de mettre ces pages dans chacun des dossiers pour que cela fonctionne.
Merci pour vos réponses et bonne nuit.
Voici ci-dessous ma page principale.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=iso8859-1" />
<title>Barbière de lavabo fin XIXème</title>
<link rel = "stylesheet"
type = "text/css"
href = "../../cmsstd.css" />
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<!--><![endif]-->
<!--[if IE 8]>
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<![endif]-->
<script type = "text/javascript"
src = "../../jquery-1.3.2.min.js">
</script>
<script type = "text/javascript">
//<![CDATA[
$(init);function init(){
$("#heading").load("head.html");
$("#menu").load("menu.html");
$("#content1").load("barbiere-lavabo-bateau-fin-xixemes1.html");
$("#content2").load("barbiere-lavabo-bateau-fin-xixemes2.html");
$("#footer").load("footer.html");
};
//]]>
</script>
</head>
<body>
<div id = "all">
<div id = "heading">
</div>
<div class = "menuhower"
id = "menu">
</div>
<div class = "content tabfoto"
id = "content1">
</div>
<div class = "content tabtext"
id = "content2">
</div>
</div>
<div id = "footer">
</div>
</body>
</html>
2 réponses
-
Essayes .load('/menu.html') si ces pages sont dans le dossier principal.
Ou construit ton chemin dans une variable s'il n'est pas à la racine du site :
var base = '/chemin/dossier/principal/';
et ensuite .load(base+'menu.html');
PS : Pourquoi ne pas utiliser PHP ? Parce que là si on désactive javascript en fait on voit pas ton site du tout... -
Rebonjour,
merci pour ta réponse et excuses moi d'avoir tardé à répondre.
J'ai essayé mais j'ai dû faire une erreur cela ne fonctionne pas ( voilà ma page ci-dessous ).
[Cette page se trouve
dans le dossier "antiquites-divers" ;
qui se trouve dans le dossier "objets" ;
et ce dernier étant dans le fichier principal "www"
(où se trouve l'ensemble des documents de mon site).
Mes pages "head" ; "menu" et "footer" se trouve dans le dossier "www".]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=iso8859-1" />
<title>Barbière de lavabo fin XIXème</title>
<link rel = "stylesheet"
type = "text/css"
href = "../../cmsstd.css" />
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<!--><![endif]-->
<!--[if IE 8]>
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<![endif]-->
<script type = "text/javascript"
src = "../../jquery-1.3.2.min.js">
</script>
<script type = "text/javascript">
//<![CDATA[
$(init);function init(){
$("#heading"); var base ='/objets/antiquites-divers/www/'; .load(base+'head.html');
$("#menu"); var base ='/objets/antiquites-divers/www/'; .load(base+'menu.html');
$("#content1").load("barbiere-lavabo-bateau-fin-xixemes1.html");
$("#content2").load("barbiere-lavabo-bateau-fin-xixemes2.html");
$("#footer"); var base ='/objets/antiquites-divers/www/'; .load(base+'footer.html');
};
//]]>
</script>
</head>
<body>
<div id = "all">
<div id = "heading">
</div>
<div class = "menuhower"
id = "menu">
</div>
<div class = "content tabfoto"
id = "content1">
</div>
<div class = "content tabtext"
id = "content2">
</div>
</div>
<div id = "footer">
</div>
</body>
</html>
En ce qui concerne PHP, ( je ne m'y connais pas du tout ), faut-il simplement écrire cette page ci-dessus en PHP tout en gardant la même structure du site et le même "principe" de fonctionnement ?
En espérant ne pas avoir été trop longue
Bonne soirée
