Bonjour à tous,
J'avais déjà posté dans la section PHP pour mon problème je vous le ré expose :
"Bonjour à tous,
J'ai un petit soucis sur le site que je suis en train de créer. Enfait j'ai ajouté un lecteur radio(deezer) et je voudrais que lorsque je change de rubrique(actualites,photos,contact,etc...) le lecteur ne se recharge pas, qu'il reste statique. Car sinon à chaque page le lecteur se recharge et du coup la musique qui était lancé se remet en position de départ à savoir "pause". J'espère que vous comprenez. Comme le site de deezer enfait.
Voilà, en espérant que cela soit possible.
Thierry" -> post :http://www.developpez.net/forums/d88...e/#post5031889
On m'a répondu d'utiliser Ajax, j'ai cherché et j'ai réussi à mettre le tout en place. Cependant un autre problème est survenue. Lorsque je recharge juste le corps de la page avec la requête Ajax :
Si il y a du JavaScript dans le contenu de la page à afficher il ne s'exécute pas. Normal...mais comment faire pour retourner une page qui contiendrait du JavaScript ? En fait, le soucis c'est que j'ai une des pages qui affiche une galerie photo en JavaScript ( j'ai pensé à faire la galerie en flash, mais j'ai déjà quelques éléments en flash, le site deviendrait "tout flash" et après c'est pas terrible). Je pense qu'il doit y avoir une solution mais je ne vois pas laquelle ? Il faudrait recharger la page de la galerie photo à chaque clic sur une image ? Est-ce que vous voyez ce que je veux dire ? Désolé si j'ai pas été clair, c'est pas simple à expliquer et je débute avec Ajax.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 function envRequete(url, id, categorie_image) { var xhr_object = null; var position = id; if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest(); else if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); // ouvre la requête vers la page désirée xhr_object.open("GET", url, true); xhr_object.onreadystatechange = function() { if ( xhr_object.readyState == 4 ) { // retourne dans la div le contenu document.getElementById(position).innerHTML = xhr_object.responseText; } } xhr_object.send(null); }
Thierry
Partager