+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : jScrollPane ne fonctionne pas avec un contenu variable via AJAX? (/showthread.php?tid=5233)
jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Argorate - 09-02-2011
Bonjour,
j'ai voulu customisé mes scrollbar pour mon site, et plutôt que de perdre du temps a le faire moi meme, j'ai trouver un petit plug-in jquerry qui semblait prometteur:
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
J'ai réussis a customisé tout comme je le voulais, mais voilà le hic, si j'ai un div vide, et que je remplit via ajax (pour mon chat), la scroll ne se met pas en place lorsque se nouveau contenu dépasse la taille maximum... (si je met un overflow:auto, par contre cela fonctionne avec les scroll de base, donc c'est bien le jquery qui semble pas s'enclencher.)
Du coup j'ai placer juste après l'appel AJAX qui ajoute du contenu:
ajax_chat();
$('#texte_chat').unbind();//es-ce vraiment utile? c'est suposé enlever les scroll lors des appel précédant puisque le chat se rafrech tout seul.
$('#texte_chat').jScrollPane({showArrows:true, scrollbarWidth: 15});
Là, j'ai effectivement la scrollbar personnalisé qui apparait, houra!
Seulement elle ne marche pas
C'est a dire que ni pas les flèches, ni pas la molette de la souris, ni par un clique en dessous de la scrollbar ne fais bouger celle-ci, et encore moins le contenu du chat...
Donc je ne sais pas comment procéder?
Une idée?
merci.
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Anthor - 09-02-2011
Exemple ?
Dump console ?
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Argorate - 09-02-2011
Aucune erreur dans la console, sinon j'aurais tenter de la résoudre bien entendu ^^
Sinon, qu'es ce que tu veux comme exemple? Je ne peux pas montrer le site si c'est ça la question, je suis en local.
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Anthor - 09-02-2011
Ben tu prend tes doigts, tu fais un fichier html, tu l'upload et on pourra tester.
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Argorate - 09-02-2011
Je ne suis pas chez moi là, je suis pas sur de pouvoir uploader, je vais voir ça.
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Anthor - 09-02-2011
De toute façon, c'est toi qui est fautif, pas le plugin : http://jscrollpane.kelvinluck.com/ajax.html
C'est exactement ce dont tu as besoin.
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Argorate - 09-02-2011
je viens de remarquer qu'AJAX n'a pas vraiment de rapport, si j'injecte du contenu direct en JS, cela fait la même chose...
Donc je ne sais pas qui est fautif ou pas, surtout j'aimerais trouver la solution.
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Anthor - 09-02-2011
Ben je vois pas quoi te donner de mieux comme solution que l'exemple du plugin....
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Argorate - 09-02-2011
Bon voilà, donc j'ai étudié la chose,
leur truc ne marche pas ou alors je n'ai pas compris: http://jscrollpane.kelvinluck.com/api.html#reinitialise
Il dise de définir "api" et de lui appliquer api.reinitialise(); sauf que moi cela me dit dans la console d'erreurs : api is null !?
Donc cela marche quand je rajoute la première fois du contenu, et lorsque je remet du contenu en JS (simuler l'ajax), le réinitialise ne se faisant pas, cela ne marche pas pour le nouveau contenu: on ne peut pas descendre voir celui-ci.
J'ai fait une version test:
http://devotion.rapturestudio.fr/test.php
Un idée?
RE: jScrollPane ne fonctionne pas avec un contenu variable via AJAX? - Sephi-Chan - 09-02-2011
On est censé voir quoi ? De mon côté, le fonctionnement est impeccable, aussi bien sur l'ordinateur (Chrome 9 sur Mac OS X 10.6.6) que sur l'iPhone (Safari sur iOS 4.2).
Sephi-Chan