Bonjour à tous, je viens à vous pour trouver une solution vis à vis d'un problème dont je suis en train de m'arracher les cheveux...
Tout d'abord voici le site, vous allez directement voir le problème... http://pronos365.com
Mon problème est le suivant, j'ai voulu afficher des résultats par ordre d'heure ex : de 07h à 23h...
Le soucis c'est que le dernier résultat dispose d'un espace blanc que je ne parviens pas à comprendre...
Voici les sources :
Tout d'abord le code qui affiche le listing :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <div class="row mediaItemCtr" ng-repeat="mi in mediaItems"> <media-item></media-item> </div>
Puis son Css :
Puis son PHP :
Code : Sélectionner tout - Visualiser dans une fenêtre à part .mediaItemCtr{ margin-bottom: 10px; padding-bottom: 10px; }
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 $searchQuery = "SELECT *,( SELECT `display_name` FROM users WHERE id=m.uid ) as `display_name`,( SELECT `username` FROM users WHERE id=m.uid ) as `username`, ( SELECT COUNT(*) FROM media_likes WHERE mid=m.id AND sid = :sid ) as `isPurple` FROM media m WHERE status='1' ORDER BY `hour` ASC LIMIT " . $offset . ", " . $settings['display_count'];
et pour finir son Javascript :
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42 rocketeerApp.controller("homeController", ["$scope", "$http", "$timeout", function($scope, $http, $timeout){ $scope.mediaItems = []; $scope.search = { offset: 0 }; $scope.slides = slides; $scope.isGrabbing = false; $scope.stopGrabbing = false; $scope.getMediaItems = function(){ if($scope.isGrabbing || $scope.stopGrabbing){ return null; } $scope.isGrabbing = true; $http({ method: 'POST', url: 'actions/get-home-media-items.php', data: $scope.search }).success(function(data,status,headers,config){ data.items.forEach(function(ele,ind,arr){ $scope.mediaItems.push(ele); }); $scope.search.offset = $scope.mediaItems.length; $scope.isGrabbing = false; if(data.items.length === 0){ $scope.stopGrabbing = true; } }); }; $scope.getMediaItems(); $( document).scroll(function() { var checkPoint = $(document).height() - 1000; if($(document).scrollTop() > checkPoint ){ $scope.getMediaItems(); } }); }]);
Merci de votre lecture en espérant vraiment que quelqu'un puisse me venir en aide ^^
Partager