Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Tooltip sur le bouton de navigation de la première à la dernière page


2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Mar 25 Sep 2018 - 14:15

Bonjour à tous

J'ai installé ce script sur mon forum

https://www.milouze14.com/t31502-phpbb3-afficher-un-bouton-de-navigation-sur-le-premier-et-le-dernier-message#601881

Aucun soucis avec , tout fonctionne y compris le mode tooltip .
Par contre , si je veux installer celui ci .

https://www.milouze14.com/t31660-resolu-phpbb3un-bouton-de-navigation-de-la-premiere-page-a-la-derniere-page#601945



Code:
$(function(){
if (_userdata["user_id"] >= (0)){

var pagin=$('p.pagination:first span strong:contains(1)').length;
var paginhref=$('p.pagination:first span a[href^="/t"]:not(.pag-img):last').attr('href');
var lastpagin=$('p.pagination:first span a[href^="/t"]:not(.pag-img):first').attr('href');
$.get(paginhref, function(data){
var d=$(data).find('h2.topic-title:last a[href^="/t"]').attr('href');
if(pagin)
{
$('.profile-icons:first').after('<a
 href="'+d+'"class="M14_lastComment"><img
src="https://i.servimg.com/u/f62/11/26/21/37/page_d10.png"/></a>');
}
if(lastpagin)
{
$('.profile-icons:last').after('<a
 href="'+lastpagin+'"class="M14_firstComment"><img
src="https://i.servimg.com/u/f62/11/26/21/37/page_u10.png"/></a>');
}

});
}
})


 Je n'arrive pas à avoir un titre en tooltip en passant ma souris sur l'icône,  du premier ou du dernier message . Même après modification sur cette partie .
 
     
Code:
$('.profile-icons:first').after('<a
 href="'+d+'"class="M14_lastComment"title="Voir le dernier message du sujet"><img
src="https://i.servimg.com/u/f62/11/26/21/37/page_d10.png"/></a>');
}
if(lastpagin)
{
$('.profile-icons:last').after('<a
 href="'+lastpagin+'"class="M14_firstComment"title="Voir le dernier message"><img
src="https://i.servimg.com/u/f62/11/26/21/37/page_u10.png"/></a>');
}

});
}
})


Dernière édition par Jackymi le Jeu 27 Sep 2018 - 8:57, édité 2 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 25 Sep 2018 - 15:03

Hello Jean,
tu peux remplacer la partie suivante:
Juste pour information Jean, est ce normal que l'attribut title contienne le texte"Voir le dernier message alors qu'il devrait avoir le texte "Voir le premier message" clin oeil

Code:
   $('.profile-icons:first').after('<a
     href="'+d+'"class="M14_lastComment"title="Voir le dernier message du sujet"><img
    src="https://i.servimg.com/u/f62/11/26/21/37/page_d10.png"/></a>');
    }
    if(lastpagin)
    {
    $('.profile-icons:last').after('<a
     href="'+lastpagin+'"class="M14_firstComment"title="Voir le dernier message"><img
    src="https://i.servimg.com/u/f62/11/26/21/37/page_u10.png"/></a>');
    }

    });
    }
    })

par ceci:

Code:
 $('.profile-icons:first').after('<a
     href="'+d+'"class="M14_lastComment"title="Voir le dernier message du sujet"><img
    src="https://i.servimg.com/u/f62/11/26/21/37/page_d10.png"/></a>');
    }
    if(lastpagin)
    {
    $('.profile-icons:last').after('<a
     href="'+lastpagin+'"class="M14_firstComment"title="Voir le dernier message"><img
    src="https://i.servimg.com/u/f62/11/26/21/37/page_u10.png"/></a>');
    }

    });
 // start tooltipster
        $('.M14_lastComment,.M14_firstComment').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
    }


hinhin
Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Mar 25 Sep 2018 - 17:01

Milouze14 a écrit:Juste pour information Jean, est ce normal que l'attribut title contienne le texte"Voir le dernier message alors qu'il devrait avoir le texte "Voir le premier message"  clin oeil

Re Philippe

Oups, C'est une erreur de copier / coller quand j'ai repris l'extrait . idée 
Oui , l'attribut du sujet doit bien contenir le texte " Voir le premier message " .

Par contre, avec l'ajout du script , je n'ai plus de bouton du tout .
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 25 Sep 2018 - 17:17

Hum,
ce script fonctionne comme ceci,
si tu as une pagination, tu auras un bouton sur le premier message et un autre sur le dernier message du sujet.
Ensuite , tu peux donner le script dans sa totalité .
Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Mar 25 Sep 2018 - 17:23

Re

Oui, je viens de regarder sur des sujets avec pagination, mais rien ne s'affiche .

Voici le script en entier clin oeil 


Code:
$(function(){
    if (_userdata["user_id"] >= (0)){

    var pagin=$('p.pagination:first span strong:contains(1)').length;
    var paginhref=$('p.pagination:first span a[href^="/t"]:not(.pag-img):last').attr('href');
    var lastpagin=$('p.pagination:first span a[href^="/t"]:not(.pag-img):first').attr('href');
    $.get(paginhref, function(data){
    var d=$(data).find('h2.topic-title:last a[href^="/t"]').attr('href');
    if(pagin)
    {
        $('.profile-icons:first').after('<a
        href="'+d+'"class="M14_lastComment"title="Voir le premier message du sujet"><img
        src="https://i.servimg.com/u/f62/11/26/21/37/page_d10.png"/></a>');
        }
        if(lastpagin)
        {
        $('.profile-icons:last').after('<a
        href="'+lastpagin+'"class="M14_firstComment"title="Voir le dernier message"><img
        src="https://i.servimg.com/u/f62/11/26/21/37/page_u10.png"/></a>');
        }

        });
    // start tooltipster
            $('.M14_lastComment,.M14_firstComment').tooltipster({
              animation : 'fade',
              arrow : true,
              speed : 300,
              delay : 300,
              onlyOne : true,
              theme : 'tooltipster-default'
            });
        }
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 25 Sep 2018 - 17:26

Hum pascontentGrrrrrr lOL

remplaces par:

Code:
$(function(){
    if (_userdata["user_id"] >= (0)){

    var pagin=$('p.pagination:first span strong:contains(1)').length;
    var paginhref=$('p.pagination:first span a[href^="/t"]:not(.pag-img):last').attr('href');
    var lastpagin=$('p.pagination:first span a[href^="/t"]:not(.pag-img):first').attr('href');
    $.get(paginhref, function(data){
    var d=$(data).find('h2.topic-title:last a[href^="/t"]').attr('href');
    if(pagin)
    {
    $('.profile-icons:first').after('<a href="'+d+'"class="M14_lastComment"title="Voir le dernier message du sujet"><img src="https://i.servimg.com/u/f62/11/26/21/37/page_d10.png"/></a>');
    }
    if(lastpagin)
    {
    $('.profile-icons:last').after('<a href="'+lastpagin+'"class="M14_firstComment"title="Voir le premier message"><img src="https://i.servimg.com/u/f62/11/26/21/37/page_u10.png"/></a>');
    }
// start tooltipster
        $('.M14_lastComment,.M14_firstComment').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
    });
    }
    });
Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Mar 25 Sep 2018 - 17:47

Merci Philippe , le script fonctionne à merveille clin oeil 

Je met en résolu .
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 25 Sep 2018 - 17:49

De rien Jean clin oeil
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 26 Sep 2018 - 18:30

@Jackymi

Hello Jean,
Serge vient de me remonter une information avec une grande importance.
Le bouton s'affiche sur le dernier message de chaque page,
il faut donc modifier le script ainsi:

Code:
$(function(){
    if (_userdata["user_id"] >= (0)){
var pageprev=$('p.pagination:first .pag-img img[alt="Précédent"]').length;
var pagenext=$('p.pagination:first .pag-img img[alt="Suivant"]').length;
var pagin=$('p.pagination:first span strong:contains(1)').length;
var paginhref=$('p.pagination:first span a[href^="/t"]:not(.pag-img):last').attr('href');
var lastpagin=$('p.pagination:first span a[href^="/t"]:not(.pag-img):first').attr('href');
$.get(paginhref, function(data){
var d=$(data).find('h2.topic-title:last a[href^="/t"]').attr('href');

if(lastpagin)
{
$('.profile-icons:last').after('<a href="'+lastpagin+'"class="M14_firstComment"title="Voir le premier message"><img src="https://i.servimg.com/u/f62/11/26/21/37/page_u10.png"/></a>');
}
if(pagin&&pagenext)
{
$('.profile-icons:first').after('<a href="'+d+'"class="M14_lastComment"title="Voir le dernier message du sujet"><img src="https://i.servimg.com/u/f62/11/26/21/37/page_d10.png"/></a>');
$('.M14_firstComment').hide();
}
  if(pagenext&&pageprev){$('.M14_firstComment').hide();}
// start tooltipster
        $('.M14_lastComment,.M14_firstComment').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
    }); 
}
});

Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Jeu 27 Sep 2018 - 8:56

Hello Philippe

Oui effectivement , ou alors il faut le prendre pour un plus .
Le dernier script est parfait et répond exactement à ce qui était prévu, mais je pense que je vais garder le précédent qui offre une option supplémentaire clin oeil 

Merci à vous deux .

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum