PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 12/04/2013 18:18:59

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

[plugin] infiniteAjaxScroll

Description :

Ajoute le plugin jQuery infinite Ajax Scroll de Jeroen Fiege.
Remplace la pagination de PluXML et charge les articles suivants par Ajax. Si javascript est désactivé laisse place à la navigation native de PluXML.
Nécessite le plugin jQuery pour PluXML.

Exemple :

http://imanweb.free.fr/blog/

Télécharger :

http://imanweb.free.fr/PluXML/
version 1.2.0 pour PluXML =< 5.17
version 1.2.2 pour PluXML >= 5.2

Github.com :

https://github.com/ali0une/infiniteAjaxScroll

installation :

Auto

Dernière modification par i M@N (25/06/2016 13:40:59)

Hors ligne

#2 13/04/2013 17:49:24

bg62
Membre
Inscription : 18/05/2007
Messages : 1 789
Site Web

Re : [plugin] infiniteAjaxScroll

t'es pas un peu " ... fou" sur les bords toi ... à cette allure, comment on peut suivre ....   big_smile
et si tu prenais le temps de nous dire ce que fais le plugin ....
en tous cas, grands merci pour toutes ces contributions wink
@+

euh ... dois manquer qq chose  : pas reconnu dans l'admin ...

Dernière modification par bg62 (13/04/2013 17:57:14)


le 'www' est fait pour communiquer et échanger, non ?
fonds d'écran   | référencement efficace | Portfolio | Fonds d'écran automobile | outils SEO | échange de liens en dur

Hors ligne

#3 13/04/2013 23:49:18

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

Re : [plugin] infiniteAjaxScroll

j'ai complété la description. wink

Essaye de le réinstaller, ça fonctionne sur mon blog et sur Toganetou (un autre blog PluXML) du premier coup sans souci.
Si d'autres veulent tester pour que j'ai des retours c'est avec plaisir.

Après si tu ne donnes pas l'url pour qu'on puisse voir, c'est difficile de savoir ce qui cloche. Est-ce que tout est installé correctement sur ton blog en local? il faut le plugin jQuery pour PluXML (une seule instance).

Dernière modification par i M@N (13/04/2013 23:49:45)

Hors ligne

#4 14/04/2013 10:40:15

Jos
Pluxml Staff
Lieu : Région de Grenoble
Inscription : 04/11/2011
Messages : 1 128
Site Web

Re : [plugin] infiniteAjaxScroll

Tu as été plus rapide que moi, j'avais dans l'idée de faire un plugin dans ce genre. Du coup, je vais faire quelque chose de différent histoire que çà ne fasse pas doublon. Je n'ai pas encore testé, mais excellent travail.

Hors ligne

#5 14/04/2013 11:38:06

bg62
Membre
Inscription : 18/05/2007
Messages : 1 789
Site Web

Re : [plugin] infiniteAjaxScroll

i M@N a écrit :

j'ai complété la description. wink

ok  smile
mais ce que je te demandais c'était aussi et surtout de 'décrire ton plug et ses fonctions' dans ce topic, en éditant le post initial ... pour que tous sachent de quoi il s'agit  ...
@+

ps : les tests que je fais = en local, pour l'instant ...


le 'www' est fait pour communiquer et échanger, non ?
fonds d'écran   | référencement efficace | Portfolio | Fonds d'écran automobile | outils SEO | échange de liens en dur

Hors ligne

#6 10/08/2013 02:29:33

bdube30
Membre
Lieu : Montréal, QC
Inscription : 16/02/2011
Messages : 149
Site Web

Re : [plugin] infiniteAjaxScroll

J'ai installer le plugin. Il ne fonctionne pas. Est-ce qu'il y a une méthode précise pour l'activer ? j'ai installé le plugin jquery officiel, j'ai mit l'option d'affichage des articles, à plusieurs valeur(1 articles par page, 99, etc). Je ne sais plus quoi essayer. Merci

P-s.: J'essaie en local, je ne peut donc pas montrer le site.

Hors ligne

#7 11/08/2013 11:10:13

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

Re : [plugin] infiniteAjaxScroll

@bdube30 : quelle version de PluXML? avec la 5.1.7 ça fonctionne tout seul.

Ton html est de la forme :

[== HTML ==]
<div id="section">
  <div id="article">
   <div class="billet">...</div>
   <div class="billet">...</div>
   <div class="billet">...</div>
  </div>
</div>

Alors qu'il devrait ressembler à :

[== HTML ==]
<section role="main">
  <div id="article-with-sidebar">
    <article>...</article>
    <article>...</article>
    <article>...</article>
  </div>
</section>

Tu peux essayer de remplacer dans infiniteAjaxScroll.php ligne 57-60 :

[== JavaScript ==]
container : \'section\',
item: \'article\',
pagination: \'#pagination\',
next: \'span.p_next a\',

par :

[== JavaScript ==]
container : \'#article\',
item: \'.article\',
pagination: \'#pagination\',
next: \'span.p_next a\',

ou de passer à la version 5.1.7 ou 5.2 (mais j'ai pas testé sur la 5.2)

Hors ligne

#8 15/08/2013 15:17:38

Steph_L
Membre
Inscription : 22/09/2012
Messages : 80
Site Web

Re : [plugin] infiniteAjaxScroll

Bonjour.

Je suis sous la version 5.2 et je ne vois pas le plugin apparaître dans la section plugin.

Est-ce normal ?

Merci.

Amicalement Steph   wink

Hors ligne

#9 15/08/2013 15:37:49

Stéphane
Consultant PluXml
Lieu : pas loin de Toulouse
Inscription : 07/08/2007
Messages : 6 290
Site Web

Re : [plugin] infiniteAjaxScroll

@Steph_L: vérifie lors de la décompression de l'archive que les fichiers ne sont pas dans un sous dossier


Ancien responsable de PluXml  cool

Hors ligne

#10 15/08/2013 16:28:22

Steph_L
Membre
Inscription : 22/09/2012
Messages : 80
Site Web

Re : [plugin] infiniteAjaxScroll

Ben, non ...

les dossiers se nomment :

- infiniteAjaxScroll-v1.0 pour le premier lien ou
- infiniteAjaxScroll-master pour le lien Github

Hors ligne

#11 15/08/2013 16:32:35

Steph_L
Membre
Inscription : 22/09/2012
Messages : 80
Site Web

Re : [plugin] infiniteAjaxScroll

Encore moi.

Je viens même de réduire, sans résultat positif, le nom du dossier à "infinite" pour éviter majuscules, tiret et chiffres.
(mais n'étant un grand technicien je ne sais si cela perturbe le fonctionnement)

Mais je cherche.

Amicalement Steph   wink

Hors ligne

#12 15/08/2013 16:42:28

Stéphane
Consultant PluXml
Lieu : pas loin de Toulouse
Inscription : 07/08/2007
Messages : 6 290
Site Web

Re : [plugin] infiniteAjaxScroll

j'aurais tendance à dire que le dossier devrait s'appeler infiniteAjaxScroll
il faut le plugin jquery pour que infiniteAjaxScroll fonctionne


Ancien responsable de PluXml  cool

Hors ligne

#13 15/08/2013 16:57:49

Steph_L
Membre
Inscription : 22/09/2012
Messages : 80
Site Web

Re : [plugin] infiniteAjaxScroll

oui, j'ai essayé aussi ayant trouvé cela

[== Indéfini ==]
<script type="text/javascript" src="'.PLX_PLUGINS.'infiniteAjaxScroll/jquery.ias.js"></script>

Mais cela n'a rien changé pour moi.

J'ai bien sûr incorporé jquery. Version téléchargée depuis le wiki et il est activé (je précise big_smile )
La version "jQuery 1.4.4 - Version 1.7.1 (24/12/2011)" est, je suppose, toujours d'actualité ?

Mais ce n'est pas grave, juste un détail.
PluXml fonctionne à merveille et c'est cela l'important pour moi.

Merci pour ton aide.

Amicalement Steph   wink

Hors ligne

#14 15/08/2013 19:01:40

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

Re : [plugin] infiniteAjaxScroll

Le plugin doit se trouver dans le dossier pluxml/plugins/infiniteAjaxScroll (exactement comme ça) qui contient les fichiers :

  • ias.css

  • icon.png

  • infiniteAjaxScroll.php

  • infos.xml

  • jquery.ias.js

Le plugin jQuery est nécessaire http://wiki.pluxml.org/index.php?page=Plugins+officiels rubrique Divers.

A priori il est compatible avec pluxml 5.2 ... peut-être un souci de droits chez ton hébergeur?
les fichiers ont un chmod 775 chez moi.

Dernière modification par i M@N (16/08/2013 10:17:44)

Hors ligne

#15 16/08/2013 06:04:39

Steph_L
Membre
Inscription : 22/09/2012
Messages : 80
Site Web

Re : [plugin] infiniteAjaxScroll

Bonjour.

Je viens d'ajouter manuellement, dans le dossier, le fichier "jquery-1.7.1.min.js" et maintenant cela fonctionne parfaitement.

Je voulais juste poser une question (je suis loin d'avoir vos connaissances) sur les ressources nécessaires.
J'ai vu sur certains sites que les posts apparaissent progressivement en nombres limités (par groupe ...).

Ici, j'ai l'impression qu'ils sont tous affichés "d'un seul coup". Mes 2 blogs étant nouveaux, je n'ai vu aucune perturbation.
Je souhaiterai juste savoir si à terme (beaucoup de posts) il n'y aurait pas un risque de ralentissement.

Merci beaucoup.

Amicalement Steph   wink

Hors ligne

#16 16/08/2013 06:46:11

Stéphane
Consultant PluXml
Lieu : pas loin de Toulouse
Inscription : 07/08/2007
Messages : 6 290
Site Web

Re : [plugin] infiniteAjaxScroll

@Steph_L: les articles sont chargés et affichés au fil de l'eau. Dans l'administration il y a un paramètre pour définir le nombre d'articles à afficher sur la page d'accueil: par défaut la valeur est 5. Le plugin charge les 5 suivants quand c'est nécessaire et ainsi de suite. Il remplace le fait de cliquer sur le lien suivant pour passer à la page suivante. Donc au niveau ressources aucun problème par rapport au fonctionnement normal de PluXml.


Ancien responsable de PluXml  cool

Hors ligne

#17 16/08/2013 07:05:01

Steph_L
Membre
Inscription : 22/09/2012
Messages : 80
Site Web

Re : [plugin] infiniteAjaxScroll

Ok.

Bon, perso, ... j'avais passer la valeur à ... rien (ou 0) pour être sûr   ops

Cependant je viens donc de repasser à 5 ... et malheureusement, je constate que cela ne fonctionne pas chez moi (et plus de pagination).
Mais ne vous embêtez pas, je vais faire une pause et j'y reviendrai plus tard.


Merci.

Amicalement Steph   wink



nota: le fait d'ajouter manuellement le jquery dans le dossier à, chez moi, uniquement fait apparaître infiniteAjaxScroll dans le panneau des plugins. je précise que je n'ai pas regarder les chmod.

Dernière modification par Steph_L (16/08/2013 07:19:32)

Hors ligne

#18 16/08/2013 10:16:08

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

Re : [plugin] infiniteAjaxScroll

Je me suis planté, le plugins jQuery jquery-1.7.1.min.js n'est pas dans le zip infiniteAjaxScroll, c'est juste un truc que j'ai chez moi.
il faut installer le plugin jQuery pour PluXML : http://wiki.pluxml.org/index.php?page=Plugins+officiels rubrique Divers

Plus de pagination c'est normal, le plugin la masque puisqu'elle n'est plus utile.

Les articles suivants sont chargés lorsque le dernier des 5 articles affichés arrive à 200px du bas de l'écran, c'est pour ça que tu ne vois rien (regarde ta barre de scroll : elle s'allonge lorsque les articles suivants sont affichés)

Combien d'articles as-tu? Une url pour voir le blog?

Dernière modification par i M@N (16/08/2013 10:16:24)

Hors ligne

#19 21/08/2013 18:43:22

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 560
Site Web

Re : [plugin] infiniteAjaxScroll

@ i M@N: je t'invite à lire l'article de Stéphane


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#20 11/09/2013 13:04:28

aruhuno
Membre
Lieu : Claye-Souilly (77)
Inscription : 13/07/2011
Messages : 268
Site Web

Re : [plugin] infiniteAjaxScroll

Bonjour !

Je viens de tester ce plugin sur ma 5.2 et ça ne semble pas fonctionner.
Par contre, la pagination est bien supprimée.

Merci d'avance pour ceux qui se pencheront sur mon cas ^^


"Parce que la connaissance appartient à tout le monde...", Inios.

Hors ligne

#21 11/09/2013 13:40:05

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

Re : [plugin] infiniteAjaxScroll

Hello.

Commence par donner une url valide pour voir ce que tu as fait parce que inios.fr ça ne fonctionne pas chez moi.

++

Hors ligne

#22 11/09/2013 14:28:40

aruhuno
Membre
Lieu : Claye-Souilly (77)
Inscription : 13/07/2011
Messages : 268
Site Web

Re : [plugin] infiniteAjaxScroll

Salut !

Normal, mon site est en dev, j'attendais principalement des retours sur des gens ayant testés en 5.2 ^^
Mais le developpeur me va tout autant, voire même plus. Voici le site en question : http://dev.egarim.fr/

Merci d'avance !

Dernière modification par aruhuno (11/09/2013 14:42:33)


"Parce que la connaissance appartient à tout le monde...", Inios.

Hors ligne

#23 11/09/2013 15:07:58

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

Re : [plugin] infiniteAjaxScroll

même réponse que plus haut ...

Essaye de remplacer dans infiniteAjaxScroll.php ligne 57-60 :

[== JavaScript ==]
container : \'section\',
item: \'article\',
pagination: \'#pagination\',
next: \'span.p_next a\',

par :

[== JavaScript ==]
container : \'#article\',
item: \'.article\',
pagination: \'#pagination\',
next: \'span.p_next a\',

Sinon le

[== HTML ==]
<div class="separation"></div>

il sert à rien ... si tu ajoutes une propriété margin-bottom ou padding-bottom de genre 10 px à la classe article ce sera pareil.

Dernière modification par i M@N (11/09/2013 15:29:16)

Hors ligne

#24 11/09/2013 16:22:53

aruhuno
Membre
Lieu : Claye-Souilly (77)
Inscription : 13/07/2011
Messages : 268
Site Web

Re : [plugin] infiniteAjaxScroll

Mouarf, j'avais pas uploadé le fichier corrigé... Merci d'avoir répété du coup, ça marche au poil maintenant !

Pour le div de separation, je ne peux pas le remplacer par un margin/padding parce que toutes les pages ont des div #article ^^

Je me permet quelques conseil aussi en retour, pour te remercier du tiens :

  • le fichier zip devrait contenir le dossier du nom de ton plugin (permet l'importation avec MyPluginDownloader)

  • corriger directement ton plugin afin de ne pas te répéter

Merci encore à toi pour ton super taff !

Dernière modification par aruhuno (11/09/2013 17:04:01)


"Parce que la connaissance appartient à tout le monde...", Inios.

Hors ligne

#25 11/09/2013 16:56:38

i M@N
Membre
Lieu : Bordeaux, FR / Dakar, SN
Inscription : 07/04/2013
Messages : 72
Site Web

Re : [plugin] infiniteAjaxScroll

Content que ça fonctionne chez toi. : )

aruhuno a écrit :

Je me permet quelques conseil aussi en retour, pour te remercier du tiens :

  • le fichier zip devrait contenir le dossier du nom de ton plugin (permet l'importantion avec MyPluginDownloader)

  • corriger directement ton plugin afin de ne pas te répéter

OK c'est fait, j'ai édité mon premier message aussi.
v1.0 pour PluXML =< 5.17
v1.1 pour PluXML >= 5.2

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2018 PluXml.org, tous droits réservés