11548 sujets

JavaScript, DOM et API Web HTML5

Salut,

Je ne parviens pas à faire un appel Ajax via des ancres vers un sous dossier ... une idée ?

Merci

HTML

<section id="realisations">
<section id="details"></section>
<li><a href="#page1">Page1</li>
<li><a href="#page2">Page2</li>
<li><a href="#page3">Page3</li>
</section>


JavaScript

$(document).ready(function(){
function load(num) {
$('#details').load(num +".html");
}
$.history.init(function(url) {
load(url == "" ? "close" : url);
});
$('#realisations a').live('click', function(e) {
var url = $(this).attr('href');
url = url.replace(/^.*#/, '');
$.history.load(url);
return false;
});
});

Modifié par yank (20 May 2012 - 01:12)
Je ne trouve vraiment pas l'erreur ...

Voici un lien si quelqu'un veut bien me filer un coup de main...

Les pages HTML appelées se situent dans un dossier nommé "projets".
Au clic d'un lien projet dans la partie "réalisations", la page appelée affiche son contenu dans la section "details" sur la page principale.

Actuellement ces pages orphelines "projets" se situent au même niveau que ma page d'index, j'aimerais les mettre dans un sous dossier pour une question de lisibilité sur le serveur.

La fonction qui appelle le contenu de mes pages "projets" :

$(document).ready(function(){
function load(num) {
$('#details').load(num +".html");
}
$.history.init(function(url) {
load(url == "" ? "close" : url);
});
$('#realisations a').live('click', function(e) {
var url = $(this).attr('href');
url = url.replace(/^.*#/, '');
$.history.load(url);
return false;
});
});


Merci
Modifié par yank (19 May 2012 - 18:47)
jb_gfx a écrit :
Tu rajoutes le dossiers &quot;projets&quot; dans ton chemin... Smiley sweatdrop


Ce doit être une blague ... ou la fatigue ... Smiley biggol

Attention solution inédite :
<a href="projets/page1">page1</a>

Modifié par yank (20 May 2012 - 01:11)