Discussion :

[max60600]

Bonjour à tous,
Je m'arrache les cheveux sur une intégration qui ne fonctionne pas (pour le moment).
J'ai découvert une timeline dynamique créée en HTML qui intègre du jquery, testée en localhost ça fonctionne super bien. J'ai donc modifié les fichiers selon ce que je voulais obtenir, pas de problèmes, ça fonctionne impec' (toujours en local).

Mais au moment de l'intégrer sur mon wordpress je reste bloqué sur l'écran "loading timeline". En consultant la console de Google Chrome j'ai l'impression qu'il y a un blocage dans la lecture du fichier data.json où sont stockées mes infos.
Voici l'URL de ma page :
http://herosmarvel.com/timeline/

J'ai ce message d'erreur :

XMLHttpRequest cannot load http://www.herosmarvel.com/wp-conten...line/data.json. Origin http://herosmarvel.com is not allowed by Access-Control-Allow-Origin.

Est-ce que vous savez ce qui peut me causer cette erreur ? Merci d'avance.

Pour info et si vous voulez essayer de l'intégrer à votre site voici le site où j'ai trouvé cette petite merveille

http://tutorialzine.com/2012/04/timeline-portfolio/

[getz85]

Tu devrais poster un peu de code, mais je pense que ton problème vient du fait que tu essayes d'appeler ton data.json via Ajax en renseignant l'URL complète (http://www.herosmarvel.com/wp-conten...line/data.json), tu devrais plutôt l'appeler de la sorte "wp-content/themes/website/timeline/data.json" (enfin à modifier selon l'arborescence réelle de ton site).


D'ailleurs l'exemple sur le site de la timeline le montre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$(function(){
 
    var timeline = new VMM.Timeline();
    timeline.init("data.json");
 
});

[Lorenzo77]

salut,

l'erreur est limpide ... pour ajax, ces 2 domaines sont différents :
http://www.herosmarvel.com <=> http://herosmarvel.com
a toi de virer les "www" ou de les rajouter sur les 2

[SpaceFrog]

renseignes toi sur les requêtes ajax cross-domain
soit tu paramètres le serveur
soit tu requete sur le même domaine

En l'occurrence le souci peut en effet être réglé assez simplement au niveau de ton url de requete comme le specifie lorenzo

[max60600]

OMG !! Merci Lorenzo ! Effectivement cette erreur est très bête mais pour un novice du dev comme moi je n'arrivais pas à l'identifier.

Ca fonctionne enfin et ça c'est top ! Encore merci à toi et à Getz85 aussi