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

jQuery Discussion :

Charger des parties HTML au click sur un bouton et arrêter le processus quand clic sur une div


Sujet :

jQuery

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2003
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2003
    Messages : 453
    Points : 74
    Points
    74
    Par défaut Charger des parties HTML au click sur un bouton et arrêter le processus quand clic sur une div
    Hello,

    J'ai une page web qui charge des articles (article == image + abstrait + lien vers l'article).
    Je charge ces articles 4 par 4 en cliquant sur un bouton (je récupère le code HTML d'une autre page qui contient 4 articles).

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    $('button.addPage').click(function(e){
    	loadNextPage(callbackHideLoading);
    	e.preventDefault();
    });
    C'est très lent parce qu'il y a tout un code de filtrage derrière pour trouver ces 4 articles par page.

    J'aimerais pouvoir stopper ce chargement d'une page d'article quand on clique sur le bouton lorsque je clique sur un article afin d'ouvrir l'article sans avoir à attendre le chargement de la page de 4 articles.
    Comme mes articles sont dans une div col-sm-6, j'ai essayé de faire ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $('.col-sm-6 a').click(function(e){
      e.stopImmediatePropagation();
    });
    Malgré tout, il finit de charger les 4 articles avant d'ouvrir l'article..
    Auriez-vous une idée pour résoudre mon soucis?

    Merci
    Sophie

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 407
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 407
    Points : 4 847
    Points
    4 847
    Par défaut
    Salut,

    Citation Envoyé par soeursourire Voir le message
    C'est très lent parce qu'il y a tout un code de filtrage derrière pour trouver ces 4 articles par page.
    Peux-tu nous dire/montrer comment tu récupères les données de ces articles 4 par 4 ?, est-ce depuis une base de donnée mysql ou depuis un fichier/script json ...?

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2003
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2003
    Messages : 453
    Points : 74
    Points
    74
    Par défaut Récupération des articles
    En fait on récupère ces articles avec un widget CMS développé en C#. Et ce widget est dans la page qui sera appelée plusieurs fois pour rajouter les articles 4 par 4.

Discussions similaires

  1. Cacher des div au click sur une div
    Par henneka dans le forum jQuery
    Réponses: 2
    Dernier message: 06/05/2019, 09h15
  2. Réponses: 7
    Dernier message: 03/05/2014, 11h50
  3. Réponses: 0
    Dernier message: 06/04/2010, 00h53
  4. Réponses: 3
    Dernier message: 18/12/2009, 22h03
  5. Inserer des balises html en cliquant sur un JBouton
    Par dad72 dans le forum Composants
    Réponses: 14
    Dernier message: 18/02/2008, 17h44

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