11496 sujets

JavaScript, DOM et API Web HTML5

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
$(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
Salut,

Utilise un système ancres dans les liens du menu.
Je suis sur qu'il faudrait mieux que toutes les pages de ton site soient incorporées dans le code de ta première page (pour Google en autre). Il suffit après via js de le cacher ou de l'afficher.

Revois aussi ton code html, il y a pas mal d'erreur. .
l'url de ton site ne change pas donc a chaque F5 c'est la page de l'index qui revient, je pense aussi qu'il faudrait que tes liens contienne des ancres, de cette façon l'url du site est modifié et avec un petite fonction "onload()" la page sera automatiquement modifié en fonction de l'url

comme ça je ne sait pas comment on récupère le contenu de l'ancre en javascript mais ça doit être possible, je ne conaissait pas la fonction load() et je sent que ça va m'être utile
merci pour vos reponse,
benj je me disais que c'est plus propre de mettre les fichiers a part. d'autant plus que sur beaucoup de sites bien faits ils separent la page index et les autres. Je regarde comment mettre des ancres sur me liens pour changer l'url.