Personnaliser la pagination

[alv]

Rappel du premier message :

Bonjour,
J'aimerai personnaliser la pagination des sujets. Ceci : [ Aller à la page: 1, 2, 3]
Comment enlever : [ Aller à la page:, les virgules et ] ? Pour qu'il n'y ai plus que les chiffres, comme sur ce forum.
Merci d'avance.

[alv]

Up

[alv]

up

[Shinee]

Bonjour ^.^

Si j'ai bien compris, ce qui t'embête actuellement c'est le petit bloc qui se place avant (ou après) les chiffres 1,2,3 etc ?
Question bête mais as-tu pensé à masquer les images en allant dans ton PA > Images & Couleurs > Gestion des Images > Mode Avancé > Mini Icônes > Voir le Sujet Précédent > Cliquer sur la case "Masquer" ?
Normalement ça devrait intégralement supprimer ce petit bloc ^.^

Dis moi si ça fonctionne, bonne journée !

Shinee   

[alv]

Mille mercis de m'avoir répondu !  
Je croyais être seul sur Terre !

Si j'ai bien compris, ce qui t'embête actuellement c'est le petit bloc qui se place avant (ou après) les chiffres 1,2,3 etc ?

C'est exactement ça.

Question bête mais as-tu pensé à masquer les images en allant dans ton PA > Images & Couleurs > Gestion des Images > Mode Avancé > Mini Icônes > Voir le Sujet Précédent > Cliquer sur la case "Masquer" ?
Normalement ça devrait intégralement supprimer ce petit bloc ^.^

C'est ce que j'avais fait, mais le petit bloc y est toujours.


EDIT: le CSS actuellement sur mon forum est celui-là :

Code:

.paginer, .paginer_topic{
 display: block;
 float: right;
 width: auto;
 background: url(http://2img.net/i/fa/prosilver/icon_pages.gif) no-repeat 0 50%;
 padding-left: 15px;
 font-size: 0px;
 }
.paginer img, .paginer_topic img{
 display:none;
 }
.paginer a, .paginer_topic a, .paginer_topic b{
 display:inline-block;
 border: 1px solid #D4D4D4;
 background-color: #FFFFFF;
 color: #8D8D8D;
 font-size: 9px;
 margin: 0 2px;
 padding: 0px 2px 1px 2px;
 text-decoration: none;
 }
.paginer a:hover, .paginer_topic a:hover, .paginer_topic b:hover{
 display: inline-block;
 border: 1px solid #D4D4D4;
 background-color: #ADE9AE;
 font-size: 9px;
 margin: 0 2px;
 padding: 0px 2px 1px 2px;
 text-decoration: none !important;
 }
.paginer_topic b{
 background-color: #EFEFEF;
 cursor: default;
 }
.paginer_topic a[onmousedown^='createPagination']{
 display: none;
 }

Je pense que les blocs précédent et suivant apparaissent à cause des "padding".
Mais j'en ai besoin pour les numéros de page, donc je ne peux pas l'enlever.

[Shinee]

Les blocs s'affichent parce qu'ils veulent absolument avoir une image, même vide, à l'intérieur, d'où la présence de ton

Code:

<img src="http://2img.net/i/fa/empty.gif" alt="Précédent">

dans ton code source.
On va essayer de tricher et voir si on ne peut vraiment pas supprimer ce bloc...

Alors, tout d'abord on va réactiver l'image des flèches : retourne dans ton PA dans l'endroit que je t'ai indiqué dans mon précédent post et au niveau de "Voir le sujet précédent :" clique sur "Voir des modèles". Choisis l'image de la flèche jaune : et surtout décoche la case "masquer" ^.^

Ensuite dans ta feuille de style css, ajoute ceci :

Code:

.sprite-arrow_subsilver_left {
display: none!important;}

Et dis-moi si ton bloc à gauche du chiffre 1 apparaît toujours

EDIT : Si je pouvais avoir, même par MP, le lien de ton forum où tu fais tes tests ce serait beaucoup plus facile car là on y va un peu à l'aveugle   

[alv]

J'ai remis les images précédent et suivant, puis j'ai mis ton code et rien n'a changé. Il y a toujours ce petit bloc (sans image).
Le forum en question est celui qui est dans mon profil.

[alv]

Up

[alv]

Up

[medamine14]

salut remplace le javascript donné par Milouze par celui-ci :

Code:


//on supprime le texte allez a la page
$(document).ready(function(){
$(".paginer_topic a:first ").remove();
});
//on supprime le  bloc precedent
$(document).ready(function(){
$(".paginer_topic a:nth-child(2) ").remove();
});

//on supprime le  bloc suivant
$(document).ready(function(){
$(".paginer_topic a:last-child ").remove();
});


normalement avec ça, ils vont s'enlever dès que tu ouvre la page

[alv]

Dans la liste des sujets : sur un sujet qui fait 3 pages, il n'y a plus que les liens vers les pages 1 et 2, et sur un sujet qui fait 2 pages, il n'y a plus que le lien vers la page 1.

Dans les sujets :
- Pour la pagination en haut des messages : les blocs précédent et suivant se suppriment bien.
- Pour la pagination en bas des messages : le bloc précédent ne se supprime pas.

[alv]

Up

[alv]

Up

[alv]

Up

[alv]

Up  

[alv]

 

[medamine14]

Bonjour,

Essaye ceci :

Code:

img[src="http://2img.net/i/fa/m/arrows_right1.gif"] {display:none;}
img[src="http://2img.net/i/fa/m/arrows_left1.gif"] {display:none;}

[alv]

Je suis désolé, mais avec ces codes, le problème reste inchangé.

[medamine14]

salut,

possible d'avoir un lien ou on peut les voir stp... ?^^
j'ai beau cherché dans ton forum j'arrive pas a trouver un sujet très long ou on peut les voir

[alv]

Pour la liste des sujets : ici
Pour les sujets : ici
Mon forum étant en cours de refonte, je n'ai pas encore validé les templates.

[medamine14]

je viens de visiter les liens que tu ma donné je vois pas les images précédents/suivant donc le code a bien fonctionné

en gros tu les veux comme ceci :


?

ps: si tu parle juste de l'espace après (aller a la page) c'est pas en rapport avec les images c'est 2 espaces dans le text ( :  ) c normal qu'il reste parce que nous on a masqué les images


Edit 00:02:27: je viens de relire la première page .. donc c le lien de l'image avec le padding qui pose problème alors voici un javascript pour le faire disparaître

Code:

$(function(){
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
});

[alv]

donc c le lien de l'image avec le padding qui pose problème

Exactement.

Ton code marche nickel. Mais comment faire pour qu'il s'exécute immédiatement sans attendre le chargement de la page ?

[medamine14]

Slt,

au lieu de :

Code:

$(function(){
});

on va faire ceci :

Code:

$(document).ready(function(){
});

cependant si tu as accès a ces valeurs dans le template le mieux serait de les masquer dans le Template
si possible une copie de la partie du Template concernant la pagination  ^^

[alv]

Voilà les templates :

topics_list_box:

viewforum_body:

viewtopic_body:

Le CSS et JS qui va avec :

CSS:

Javascript (sur toutes les pages):

[medamine14]

ah ok donc le tout est inclu dans le :

Code:

{PAGINATION}

du coup ils ne sont pas modifiable dans le Template ^^"
essaye la solution .ready si ça recharge pas vite alors essaye de mettre le script dans le template entre les balises :

Code:

<script>ICI</script>

[alv]

J'ai mis ceci dans le template viewtopic_body :

Code:

<span class="gensmall paginer_topic">{PAGINATION}</span>
<script type="text/javascript">
$(document).ready(function(){
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
});
</script>

et ça fonctionne que quand la page est presque entièrement chargée.


EDIT: J'ai testé ceci :

Code:

<span class="gensmall paginer_topic">{PAGINATION}</span>
<script type="text/javascript">
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
</script>

et ça fonctionne immédiatement.
Est-ce que ce code est "propre" ?

[alv]

Up

[alv]

Up

[alv]

Up svp

[alv]

Up  

[alv]

J'ai testé ceci :

Code:

<span class="gensmall paginer_topic">{PAGINATION}</span>
<script type="text/javascript">
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
</script>

et ça fonctionne immédiatement.
Est-ce que ce code est "propre" ?