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]Ajouter l'infobulle au survol des boutons de la barre de navigation


3 participants

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 7 Déc 2018 - 18:44

Hello les ami(e)s,
une petite astuce qui affichera une infobulle au survol des boutons ou des liens de la barre de navigation.
Exemple Accueil affichera dans l'infobulle le même texte.



Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages.


Déposez ceci:
Code:

$(function(){
$('#page-header ul.linklist.navlinks li a').each(function(){
var a=$(this).text();
$(this).attr('title',a);});});



Penser a cliquer sur le bouton Valid




Dernière édition par Milouze14 le Mer 1 Déc 2021 - 4:16, édité 2 fois
hamesashek
hamesashek
http://3arb-way.a7larab.net/

Messagehamesashek Mar 11 Déc 2018 - 19:46


C'est un truc magnifique ...
Il fait tous les liens, merci mon cher:u1:

Code:
$(function(){
  // general options for editing the tooltip
  // see more : http://iamceege.github.io/tooltipster/#options
  var options = {
    animation : 'fade',
    arrow : true,
    speed : 300,
    delay : 300,
    onlyOne : true,
    theme : 'tooltipster-default'
  },

  // delay execution by placing the function into another queue
  // helps with applying to other JS created elements such as the editor
  queue = true,
  titles,
 
  parse = function() {
    titles = $('[title]');
    titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
  };
  // Description de tous les liens
   $('a:link').each(function(){
var a=$(this).text();
$(this).attr('title',a);});
  
  queue ? $(parse) : parse();
});

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 11 Déc 2018 - 19:47

Hello et merci wehba hinhin
hamesashek
hamesashek
http://3arb-way.a7larab.net/

Messagehamesashek Mar 11 Déc 2018 - 19:49

chrisnvidia
chrisnvidia
https://sos-pc.forumactif.org/

Messagechrisnvidia Ven 14 Déc 2018 - 13:32

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