Newer
Older
istex-api-demo / html / pagerPrototype.html
<div class="istex-pager hide text-center" role="group">
  <nav class="btn-group ">
    <a data-toggle="istex-tooltip" href="#" class="first btn btn-primary">&#8676;</a>
    <div class="istex-tooltip" data-my-position="right center" data-at-position="left center">
      <h5>Première page</h5>
      <p>Le lien <b class="text-primary">firstPageURI</b> dans la réponse de l'API permet d'accéder à la première page des résultats de la requête : firstPageURI:<b class="js-firstPageURI"></b>
      </p>
    </div>
    <a data-toggle="istex-tooltip" href="#" class="prev btn btn-primary">&#8672;</a>
    <div class="istex-tooltip" data-my-position="bottom center" data-at-position="top center">
      <h5>Page précédente</h5>
      <p>Le lien <b class="text-primary">prevPageURI</b> dans la réponse de l'API permet d'accéder à la page précédente des résultats de la requête : prevPageURI:<b class="js-prevPageURI"></b>
      </p>
    </div>
    <a data-toggle="istex-tooltip" href="#" class="next btn btn-primary">&#8674;</a>
    <div class="istex-tooltip" data-my-position="bottom center" data-at-position="top center">
      <h5>Page suivante</h5>
      <p>Le lien <b class="text-primary">nextPageURI</b> dans la réponse de l'API permet d'accéder à la page suivante des résultats de la requête : nextPageURI:<b class="js-nextPageURI"></b>
      </p>
    </div>
    <a data-toggle="istex-tooltip" href="#" class="last btn btn-primary">&#8677;</a>
    <div class="istex-tooltip" data-my-position="bottom center" data-at-position="top center">
      <h5>Dernière page</h5>
      <p>Le lien <b class="text-primary">lastPageURI</b> dans la réponse de l'API permet d'accéder à la dernière page des résultats de la requête : lastPageURI:<b class="js-lastPageURI"></b>
      </p>
    </div>
  </nav>
</div>