Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Infinite scrolling pour mobile
#1

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.10
#~ Url du site : http://etable.farangprod.com
#~ Hébergeur / Soft : planethoster
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.10
#~ Installed Modules:
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ FileManager: 1.4.4
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.6
#~ ModuleManager: 1.5.5
#~ News: 2.14.2
#~ Search: 1.7.11
#~ ThemeManager: 1.1.8
#~ TinyMCE: 2.9.12
#~ ListIt2: 1.4.1
#~ ListIt2recette: 1.4.1
#~ CGExtensions: 1.38.6
#~ CGSmartImage: 1.16
#~ CGSimpleSmarty: 1.7.2
#~ CGGoogleMaps: 2.4.7
#~ FormBuilder: 0.7.3
#~ ListIt2cartes: 1.4.1
#~ Config Information:
#~ php_memory_limit: 128M
#~ process_whole_template: false
#~ max_upload_size: 128000000
#~ url_rewriting: mod_rewrite
#~ page_extension: .html
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale: fr_FR.utf8
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.28
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 0
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: On
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 128M
#~ session_save_path: /var/lib/sessionsphp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: litespeed
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.73
#~ Server Db Grants: Trouvé un privilège "GRANT ALL" qui semble être adapté
#~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



travaillant sur un petit simple assez simple avec un responsive design, je voudrais, pour les mobiles, utiliser la technique de l'infinite scrolling, ce qui me permettrait de supprimer le menu (1 seul niveau) et d'avoir tout le contenu du site sur une seule page verticale.

Est-ce que quelqu'un a déjà utilisé ce genre de méthode pour me filer un ou deux tuyaux pour récupérer le contenu de chaque page?

Comment je voyais les choses...


une seule page d'accueil avec un script jquery qui calcule la hauteur du contenu. Une fois le scroll arrivé en bas de ce contenu, un appel ajax qui charge le contenu du prochain node à la suite du contenu précédant.
Le script calcule alors la hauteur du contenu 1 + 2 et on recommence... arrivé en bas, on charge le node 3 et ainsi de suite jusqu'à ce que l'entièreté du site soit affiché.

Méthode pensée...

Une udt qui récupère le contenu de chaque node dans un boucle et assign ce contenu à des variables du style $page1, $page2, $page3... ainsi qu'un variable qui comptabilise le nombre total de page {$n_pages} et qui servira de référence dans la fonction js pour savoir si il y'a autre chose à afficher.

Le js lui mesure la hauteur de $page0 (accueil) une fois arrivé en bas, il insère $page1 à la suite tout connement et fais l'addition de la hauteur de $page0 + $page1 pour savoir quand afficher la $page3.
une fois l'intégralité des pages insérées ($n_pages atteint), il affiche le footer.



Est-ce à votre avis un procédé viable?
Un tuyau pour faire l'udt qui va boucler tous les nodes et en récupérer le content?

merci
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)