[PHPBB3 Infobulle sur bouton " sujet suivant "

[1bernard1]

Bonjour

Je voudrais faire apparaitre une infobulle au-dessus de ces boutons ( sujet précédent, sujet suivant ).

J"ai trouvé bien des exemples d'infobulles mais aucun ne fonctionne. Quelqu'un a une idée?

[*Splash*]

Hi 1bernard1,
Regarde ici : https://lesforums.caforum.fr/t517-inserer-une-infobulle-sur-une-image

[1bernard1]

Merci pour la réponse

C'est justement l'exemple que j'ai essayé en dernier avant de poster ce message... rien n'y fait.

Là où je ne suis pas certain c'est l'endroit ou placer le code HTML... ce doit être l à mon erreur... je suppose...

[*Splash*]

Là où je ne suis pas certain c'est l'endroit ou placer le code HTML... ce doit être l à mon erreur... je suppose...

Sur le lien le HTML est placé directement dans le corps du message, tu peux très bien le placer directement dans le template

[1bernard1]

Ces boutons apparaissent sur toutes les pages, dans tous les sujets; et l'infobulle doit être accessible à tous. Dans le template me semble être la seule solution... mais encore là où dans un template?... Désolé, mais j'apprends en faisant...

[1bernard1]

J'ai essayé de placé le code HTML dans le message et voilà ce que j'obtiens:



le bouton apparait dans la boîte de message. L'infobulle apparait bien aussi, mais ce n'est pas ce que je veux faire....

Ces boutons remplacent ceux-ci dans la page " mini-icones"  de la section " Gestion des images"

[Invité]

Hello Bernard,
si je ne me trompe pas, tu veux afficher sur le sujet et non sur la liste des sujets une infobulle au survol des images "Précédent" et "Suivant" une infobulle.
Le script suivant va te permettre de donner ce que tu souhaites.
Il faudra changer les textes dans les variables présentes entre les doubles guillemets:

Code:

  //TEXTE PRECEDENT
var texteprecedent="Voir le précédent";
  //TEXTE SUIVANT
var textesuivant="Voir le suivant";

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher Sur les sujets

Déposes ceci:

Code:


$(function(){
$('p.pagination').each(function(){
  //TEXTE PRECEDENT
var texteprecedent="Voir le précédent";
  //TEXTE SUIVANT
var textesuivant="Voir le suivant";

$(this).find('img[alt="Suivant"]').attr('title',textesuivant);
$(this).find('img[alt="Précédent"]').attr('title',texteprecedent);

});});



Penses à cliquer sur le bouton VALIDER


a++

[1bernard1]

Ah tiens, heureux de te retrouver ici... Je crois que l'on se comprend,,, J'essaie cela....Merci    

[1bernard1]

Malheureusement....

Pour être certain que l'on se comprend les boutons ici:

[Invité]

Hello Bernard,
le lien que tu donnes n'a qu'une seule page donc aucune flèche n'est affiché et c'est normal cher ami.

Sur ton fofo officiel:
http://ze-bistro.forumactif.com/t87-trucs-et-astuces




a++

[1bernard1]

Pourtant ce lien devrait mené à ça:



où l'on voit bien les deux boutons en haut à gauche

[Invité]

Re,
je ne sais pas a quoi correspond ces deux flèches mais surement pas aux messages précédent ou suivant
car tu n'as qu'une seule et même page :



En tant qu'invité je n'ai pas le même affichage que toi Bernard .


a++

[1bernard1]

Ils correspondent à " Sujet suivant et Sujet précédent "

[Invité]

Re,

j'ai supprimé le script et je l'ai remplacé par:

Code:

$(function(){
$('p.left-box').each(function(){
  //TEXTE PRECEDENT
var texteprecedent="Sujet précédent";
  //TEXTE SUIVANT
var textesuivant="Sujet suivant";
 
$(this).find('img[alt="Voir le sujet suivant"]').attr('title',textesuivant);
$(this).find('img[alt="Voir le sujet précédent"]').attr('title',texteprecedent);
 
});});

C'est désormais fonctionnel   .

a++

[1bernard1]

Wow! Parfait.... Merci encore

[Invité]

De rien Bernard .

a++