Comme précisé dans le titre, j'ai un problème lors de la mise en ligne d'un projet que je dois rendre, je m'explique :
Dans mon projet (qui est un site d’hébergement d'image avec gestion de compte ect...), j'ai une page d’accueil où j'affiche les 18 images les plus récentes et, une fois que l'utilisateur est arrivé en fin de page, j'en affiche à nouveau 18 jusqu'à ce qu'il n'y en aie plus. Ensuite, j'ai une autre page où c'est la même chose, mais uniquement pour un utilisateur spécifique.
Pour ce faire, j'ai bidouillé une fonction Javascript qui détecte le bas de page et qui, une fois que le bas de page est détecté, appelle un script PHP pour charger à nouveau les images à partir de la base de données. Fonction que voiçi
var i = 0;
var a = 2;
$(window).scroll(function(){
console.log(i);
var b = (a - 1) * 18;
var c = 18;
var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
var scrollHeight = (document.documentElement && document.documentElement.scrollHeight) || document.body.scrollHeight;
var scrolledToBottom = (scrollTop + window.innerHeight) >= scrollHeight;
console.log(scrolledToBottom);
if (scrolledToBottom == true){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementsByClassName("next_one")[i].innerHTML = this.responseText;
i++;
a++;
}
};
xmlhttp.open("GET", "scroll.php?paage_1=" + b + "&paage_2=" + c , true);
xmlhttp.send();
}
});
Ceci est la fonction pour la page d'accueil, mais la fonction pour les image d'un utilisateur spécifique est quasiment pareille (la seule chose qui change est le nom du script PHP appelé et la classe de la div où afficher les images.
Voilà ma situation exposée. Alors en local, j'ai testé et tout fonctionne à merveille, pour les deux pages, les images se chargent une fois que l'utilisateur est arrivé en bas de page. Sauf que, et vous devez voir venir le rapport avec le titre, une fois que j'ai mis mon projet en ligne, seulement une des deux page fonctionne. Je m'explique, la page d'accueil fonctionne comme en local, les images se chargent une fois que l'utilisateur arrive en bas de page. MAIS, pour la page des images spécifiques d'un utilisateur, le script PHP est appelé une première fois au chargement de la page, sauf que quand l'utilisateur arrive en fin de page, rien ne se passe, les autres images ne sont pas chargées. Du coup j'ai ouvert la console, dans la fonction, j'ai fait un "console.log('OK');" après l'envoie de la requête pour le script PHP, et il se trouve qu'après l'envoi, rien ne se passe...
Du coup me voici avec un problème, puisque en local, tout fonctionne bien, et en ligne, un script sur deux fonctionne, ce qui veut dire que le chargement en bas de page fonctionne puisque tout va bien à la page d'accueil.
Voilà, donc j'aurais aimé savoir si quelqu'un pouvais me renseigner ce serait sympa
Merci d'avance, Rémi
- Edité par RichardDassaut 18 février 2017 à 12:45:58
Non je n'ai aucune erreur, enfin j'ai "l'erreur" qui n'en est pas vraiment une qui m'indique que il n'y a pas la div avec la classe qui est censé contenir la réponse, mais cette div est censée être générée par le script PHP. c'est juste que j'ai l'impression qu'il n'y a pas de retour du script PHP :/
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.