Browse Source

Dev : Scroll infini - Quelques commentaires sur le code et correction affichage des articles déjà lus lors d'un scroll en page d'accueil

cobalt74 6 years ago
parent
commit
188696aaa1

+ 1 - 1
article.php

@@ -3,7 +3,7 @@
 /*
  @nom: article
  @auteur: Maël ILLOUZ (mael.illouz@cobestran.com)
- @description: Page de gestion de l'affichage des articles.
+ @description: Page de gestion de l'affichage des articles. Sera utilisé de base ainsi que pour le scroll infini
  */
 
 $scroll = (isset($_['scroll'])?false:true);

+ 1 - 1
templates/marigolds/article.html

@@ -4,7 +4,7 @@
 	<!-- CORPS ARTICLE -->
 	 
 	
-	<section id="{$value->getId()}" class="{if="!$value->getUnread()"}eventRead{/if} {$hightlighted%2==0?'eventHightLighted':''}" {$scroll?'style="display: none;"':''}>
+	<section id="{$value->getId()}" class="{if="!$value->getUnread()"}eventRead{/if} {$hightlighted%2==0?'eventHightLighted':''}{$scroll?' scroll':''}" {$scroll?'style="display: none;"':''}>
 		<a title="Revenir en haut de page" class="goTopButton" href="#pageTopAnvil">ˆ</a>
 		<!-- TITRE -->
 		<h2 class="articleTitle">

+ 1 - 1
templates/marigolds/index.html

@@ -130,4 +130,4 @@
 	</div>
 {/if}
 
-{include="footer"}
+{include="footer"}

+ 10 - 6
templates/marigolds/js/script.js

@@ -153,21 +153,23 @@ $(window).scroll(function(){
 		{
             // lorsqu'on commence un traitement, on met ajaxready à false
 			$(window).data('ajaxready', false);
- 
-			$('article #loader').fadeIn(400);
+ 			
+ 			//j'affiche mon loader pour indiquer le chargement
+			$('article #loader').show();
 			
+			//utilisé pour l'alternance des couleurs d'un article à l'autre
 			if ($('article section:last').attr('class') == ' eventHightLighted') {
 				hightlighted = 1;
 			} else {
 				hightlighted = 2;
 			}
 			
-			// récupération de action
+			// récupération des variables passées en Get
 			var action = getUrlVars()['action'];
 			var folder = getUrlVars()['folder'];
 			var feed = getUrlVars()['feed'];
 			var order = getUrlVars()['order'];
-
+			
 			$.ajax({
 				url: './article.php',
 				type: 'post',
@@ -176,10 +178,10 @@ $(window).scroll(function(){
 				//Succès de la requête
 				success: function(data) {
 					if (data.replace(/^\s+/g,'').replace(/\s+$/g,'') != '')
-					{	// on les insère juste avant le loader.gif
+					{	// on les insère juste avant le loader
 						$('article #loader').before(data);
 						// on les affiche avec un fadeIn
-						$('article section').fadeIn(400);
+						$('article section.scroll').fadeIn(600);
 						$(window).data('ajaxready', true);
 						$(window).data('page', $(window).data('page')+1);
 					}
@@ -456,6 +458,8 @@ function buttonAction(target,id){
 	readThis(target,id,from);
 }
 
+
+// permet de récupérer les variables passée en get dans l'URL et des les parser
 function getUrlVars()
 {
     var vars = [], hash;