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

JavaScript Discussion :

Charger un div au scroll


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti Avatar de laplumaencre
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2013
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Sarthe (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2013
    Messages : 18
    Par défaut Charger un div au scroll
    Salut à tous les dev !
    Je viens vers vous car je veux faire une page sur mon site qui affichera un div avec pseudo pays et avatar (rond) de chaque membre, ça je sais faire, mais en fait je voudrais par exemple que ça en affiche 5, et quand le scroll arrive en bas des 5 div afficher qu'il charge automatiquement les 5 autres div suivant (un peu comme sur le mur de Fb ou twitter)...
    J'ai trouvé un script (http://www.arnaudbosquet.fr/developp...roll-en-jquery) qui le fait mais pour des commentaires (genre d'un blog), mais je n'ai pas réussi à l'adapté car j'ai du mal avec ajax...
    une ébauche de code pour donnée un idée de ce que je veux afficher =>
    Code php : 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
    <?php
        $res = $bdd->prepare("SELECT id,users,pays,avatar FROM inscription WHERE id<:id ORDER BY id DESC LIMIT 5");
        $res = $res->execute( array( 'id' => $_GET['last'] ) );
        $info_membres = $res->fetchAll(PDO::FETCH_ASSOC);
       $res->CloseCursor();
        foreach ($info_membres as $one_membre) {
        // On affiche les commentaires avec l'ID comme attribut du div
    ?>
        <div class="one_membre" id="<?php echo $one_membre['id']; ?>">
            <p><?php echo $one_membre['users']; ?></p>
            <p><?php echo $one_membre['pays']; ?></p>
            <p><img src="<?php echo $one_membre['avatar']; ?>" alt="avatar"></p>
        </div>
    <?php
    }
    ?>
    Quelq'un a une idée de comment faire ?




    Mon site http://ww.jaaser.com

    EDIT: je viens de me rendre compte que j'ai posté mon message mais pas sur le bon forum, si un modérateur peut le déplacer, ça serait cool.merci

  2. #2
    Modératrice
    Avatar de Celira
    Femme Profil pro
    Développeuse PHP/Java
    Inscrit en
    Avril 2007
    Messages
    8 633
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : Développeuse PHP/Java
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2007
    Messages : 8 633
    Par défaut
    Effectivement, ça m'a l'air de relever davantage du Javascript que du PHP. Il va te falloir quelque chose qui détecte que tu es arrivé en bas de la page et qui appelle via AJAX un script pour afficher les données suivantes.
    Modératrice PHP
    Aucun navigateur ne propose d'extension boule-de-cristal : postez votre code et vos messages d'erreurs. (Rappel : "ça ne marche pas" n'est pas un message d'erreur)
    Cherchez un peu avant poser votre question : Cours et Tutoriels PHP - FAQ PHP - PDO une soupe et au lit !.

    Affichez votre code en couleurs : [CODE=php][/CODE] (bouton # de l'éditeur) et [C=php][/C]

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    Quelq'un a une idée de comment faire ?
    il te suffit de suivre les indications misent dans le code, et concernant Ajax il n'y a rien de mortel, sauf à le boire pur, de plus que tu souhaites afficher un commentaire blog ou un article de plus à ta page le cheminement reste le même.

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

Discussions similaires

  1. charger 2 div
    Par hilia dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 19/02/2007, 13h46
  2. [XHTML] Ancre dans un div avec scroll
    Par glloq8 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 18/08/2006, 10h51
  3. Pb déplacement d'image hors d'un Div avec scroll
    Par mdemo dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 07/06/2006, 15h47
  4. DIV et Scroll
    Par the_edge dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 01/06/2006, 15h45

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