j'utilise la fonction load pour gerer la navigation du site web que je developpe. Mon problème quand j'ai chargé une autre page que l'index et que j'actualise ma page en faisant f5 je retourne a la page index.
comment remedier a cela.
Voici mon code js
voici le site en question: http://tattoolina.free.fr
Merci d'avance
comment remedier a cela.
Voici mon code js
$(document).ready( function () {
$('#head_nav a').click(function()
{
// récupére le title du lien
var title = $(this).attr('title');
var url = '';
switch(title) {
case 'accueil':
url='accueil.html';
break;
case 'henne' :
url = 'Tatouage_henne.php';
break;
case 'henne_paillette' :
url = 'Tatouage_henne_paillette.php';
break;
case 'bijou' :
url = 'Tatouage_bijou.php';
break;
case 'jagua' :
url = 'Tatouage_jagua.php';
break;
case 'objets' :
url = 'Tatouage_objets.php';
break; case 'contact':
url='contact.php';
break;
default :
url = 'accueil.html';
}
$('#art').load(url);
return false;
});
});code]
et le .html
[code]<header id="site_head">
<div class="header_cont">
<img src="Images/signature_1.gif" alt="logo"/>
<div id="head_nav">
<ul>
<li><a href="#" title="accueil"><img src="Images/home.png"/></a></li>
<li><a href="#" title="henne">Tatouage henné</a></li>
<li><a href="#" title="henne_paillette">Henné Paillètte</a></li>
<li><a href="#" title="bijou">Bijou</a></li>
<li><a href="#" title="jagua">Jagua</a></li>
<li><a href="#" title="objets">Objets</a></li>
<li><a href="#" title="tarif">Tarif</a></li>
<li><a href="#" title="contact">Contact</a></li>
</ul>
</div>
</div>
</header>
<div id="main_content">
<section id="sc">
<header class="section_tit" id="titreheader">
<h3>
<div id="Titre"></div>
</h3>
</header>
<div class="texte_accueil" id="texte_page">
<div id="art" class="art">
<?php
include('accueil.html');
?>
</div>
voici le site en question: http://tattoolina.free.fr
Merci d'avance