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 :

Pagination bouton next et previous


Sujet :

JavaScript

  1. #1
    Membre averti Avatar de solo190
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Avril 2007
    Messages
    412
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Cameroun

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

    Informations forums :
    Inscription : Avril 2007
    Messages : 412
    Points : 321
    Points
    321
    Par défaut Pagination bouton next et previous
    bonjour a tous je souhaite mettre sur pied une pagination du genre bouton previous , numero de page , boutton next .
    mon veritable soucis c'est que l'orsque je clique sur previous ou next j'appel bien la fonction mais je n'arrive pas a changer la page encourt.
    voici le code que j'utilise.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     <ul class="pagination pagination-lg">
                                    <li class="page-item ">
                                    <a class="page-link" href="#" onclick="chargerdetailtransaction(1);" tabindex="-1">Previous</a>
                                    </li>
                                        <li class="page-item active"><a id="myLink1" href="#" onclick="chargerdetailtransaction(1);">1</a></li>
     
                                        <li class="page-item">
                                        <a class="page-link" onclick="chargerdetailtransaction(1);" href="#">Next</a>
                                    </li>
                                  </ul>
    s'il vous plait aider moi a pouvoir changer la page active et a la passer en parametre à la fonction.
    Merci d'avance .
    www.etech-keys.com
    https://sms.etech-keys.com

    le boiteux qui suit le chemin devance le coureur qui s'en écarte .

  2. #2
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    tu peu détailler ce que fait "chargerdetailtransaction(1);" ?? de plus je vois un onclick sur un lien donc du coup je pense que le onclick et totalement pas traité du coup ça ne fait que recharger la page ....
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  3. #3
    Membre averti Avatar de solo190
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Avril 2007
    Messages
    412
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Cameroun

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

    Informations forums :
    Inscription : Avril 2007
    Messages : 412
    Points : 321
    Points
    321
    Par défaut
    Merci Vil'Coyote,
    le onclic n'a aucun soucis , ce que je veux c'est changé son parametre chaque fois qu'on clique sur next sa fait tabindex+1 sur previous sa fait tabindex-1 .
    la fonction fonctionne parfaitement .
    www.etech-keys.com
    https://sms.etech-keys.com

    le boiteux qui suit le chemin devance le coureur qui s'en écarte .

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,


    1/ Quel rapport avec le forum PHP ??

    2/ Vil'Coyote a posé des questions.
    Merci d'y répondre...

  5. #5
    Membre averti Avatar de solo190
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Avril 2007
    Messages
    412
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Cameroun

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

    Informations forums :
    Inscription : Avril 2007
    Messages : 412
    Points : 321
    Points
    321
    Par défaut
    chargerdetailtransaction(1) ; recharge un tableau présent dans la page avec pour indice 1 chose qu'il fait normalement ;
    si on clique sur next normalement on doit appeler chargerdetailtransaction(1+1) et sur previous chargerdetailtransaction(1+1-1)
    www.etech-keys.com
    https://sms.etech-keys.com

    le boiteux qui suit le chemin devance le coureur qui s'en écarte .

  6. #6
    Membre averti Avatar de solo190
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Avril 2007
    Messages
    412
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Cameroun

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

    Informations forums :
    Inscription : Avril 2007
    Messages : 412
    Points : 321
    Points
    321
    Par défaut
    bonsoir jreaux62,
    tu as parfaitement raison cette discution devrai se faire dans le forum java script.
    comment faire pour le déplacer ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <ul class="pagination pagination-lg">
                                    <li class="page-item ">
                                        <a class="page-link" href="#" >Previous</a>
                                    </li>
                                    <li class="page-item active">
                                        <a id="myLink1" href="#"  >1</a>
                                    </li>
     
                                    <li class="page-item">
                                        <a class="next"   href="#">Next</a>
                                    </li>
                                  </ul>
    Voici comment j'essaye de recuperer l'index actif mais je me rend compte qu'il est a -1 au debut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    // Déplacement vers la Droite
    $(".next").click(function() {
      alert('next');
      alert( $("#page ul .active").index()+1 );
     
    })
    merci de votre aide .
    www.etech-keys.com
    https://sms.etech-keys.com

    le boiteux qui suit le chemin devance le coureur qui s'en écarte .

Discussions similaires

  1. [Prototype] Lightbox 2, afficher constamment le bouton next et previous
    Par morgan47 dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 18/08/2009, 12h12
  2. Pagination avec (Next,Prev) et numéros
    Par siimpatiico dans le forum VB.NET
    Réponses: 3
    Dernier message: 15/07/2008, 22h28
  3. Désactiver le bouton next
    Par bibifock dans le forum Dreamshield
    Réponses: 2
    Dernier message: 03/03/2008, 09h24
  4. [Struts-Layout] Utilisation des boutons next et previous
    Par elsodiop dans le forum Struts 1
    Réponses: 3
    Dernier message: 13/02/2007, 11h56
  5. [newbie]Pb de pagination bouton page
    Par megapacman dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 22/05/2006, 10h21

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