IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Mise en forme de résultats listing.


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre régulier
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2014
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2014
    Messages : 5
    Par défaut Mise en forme de résultats listing.
    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 :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .mediaItemCtr{  margin-bottom: 10px; padding-bottom: 10px;  }
    Puis son PHP :

    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 ^^

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    c'est surtout que l'avant-dernier résultat n'est pas affiché !

    Cette ligne est "masquée".

    Pourquoi ? Mystère....

    [EDIT] Ton lien ne fonctionne plus !
    Difficle d'en dire plus dans ces conditions.

  3. #3
    Membre régulier
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2014
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2014
    Messages : 5
    Par défaut Résolu
    Problème résolu, vous m'avez éclairé avec le simple fait de parler de avant dernier

    Merci beaucoup.

    Le problème venait tout simplement du fait de masquer les entrées qui ne sont pas des pronos...

    Merci encore

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème de mise en forme dans une liste personnalisée
    Par smarties dans le forum AWT/Swing
    Réponses: 13
    Dernier message: 17/01/2007, 15h47
  2. Mise en forme du résultat d'une requête
    Par BlackMinou dans le forum Oracle
    Réponses: 1
    Dernier message: 21/11/2006, 18h11
  3. Cosmétique - mise en forme du résultat d'une requête
    Par habasque dans le forum Langage SQL
    Réponses: 0
    Dernier message: 30/10/2006, 17h25
  4. [MySQL] Mise en forme du résultat d'une requête
    Par heteroclite dans le forum PHP & Base de données
    Réponses: 5
    Dernier message: 27/09/2006, 22h08
  5. Pb de mise en forme dans une liste de selection
    Par crashyear dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 07/09/2006, 11h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo