[PhpBB2] JS qui ne fonctionne plus depuis peu

[fascicularia]

• Version du forum :
  PhpBB2
• Templates modifiés :
  oui
• Navigateur :
  Opera

Bonjour à tous,
je viens d'avoir un soucis incompréhensible avec ce js qui m'a désactivé tous mes autres js il y a une petite heure.

Après l'avoir désactivé tout est rentré dans l'ordre. je l'ai réactivé par la suite pour voir si le soucis était encore d'actualité mais, je n'ai plus eu de soucis de cette ordre par la suite.

seul bémol, il ne fonctionne plus du tout.
Techniquement, il est censé rajouter des infobulles sur les balises title sauf sur .mentiontag, .tooltipstered et .vote-bar
Voici le js

Code:

/* tooltip */
$(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 = $('div[data-infobulle="true"] [title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered,.vote-bar').tooltipster(options);
          };
      
          queue ? $(parse) : parse();
        });

j'avais eu un soucis sur ce js en février 2018
https://forum.forumactif.com/t395415-soucis-de-compatibilite-entre-deux-js

j'ai testé le code de Lixir qui est légèrement différent mais , je constate qu'il ne fonctionne pas également.

une modif de FA ?

si quelqu'un à une idée ?
Merci par avance pour votre aide.

[Milouze14Fondateur]

Coucou Stéphane,

hum,cette ligne me parait erronée:

Code:

    titles = $('div[data-infobulle="true"] [title]');

Essayes de séparer par une virgule:

Code:

    titles = $('div[data-infobulle="true"], [title]');

Ensuite il faudrait me dire ou je pourrais ce code html sur ton fofo:

Code:

div[data-infobulle="true"]

Tu peux tester avec ce script:

Code:

       $(function(){$(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 = $('div[data-infobulle="true"] , [title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered, .vote-bar').tooltipster(options);
          };
        
          queue ? $(parse) : parse();
})});

[fascicularia]

Bonjour Philippe,
bien vu
tu viens   de m'enlever une grosse épine du pied. Cela fait plus d'une heure que je coure après d'éventuels erreurs sur tout le forum.

Un grand, très grand merci pour cette aide

[Milouze14Fondateur]

Hum, de rien ,

mais ou peux ton trouver ce code html stp:

Code:

div[data-infobulle="true"]

Sur un sujet quelconque, aurais tu un lien a me fournir?

[fascicularia]

re Philippe,
sorry, j'ai zappé ton édition du coup, je t'ai envoyé un mp

le div[data-infobulle="true"] provient de la modif faite par Lixyr sur cette demande d'aide
https://forum.forumactif.com/t395415-soucis-de-compatibilite-entre-deux-js#3309169

Lixyr a fait ce rajout pour me permettre d'utiliser les infobulles sur d'autres parties du forum par le biais de cette div :

Code:

<div data-infobulle="true">.......</div>

je l'ai utilisé une ou deux fois mais je t'avouerai qu'il me faut faire des recherches

[Milouze14Fondateur]

Ce n'est pas grave Stéphane,

je l'ai utilisé une ou deux fois mais je t'avouerai qu'il me faut faire des recherches

Je vais attendre que tu trouve au moins une de ces divs avant de clôturer .

[fascicularia]

Bon, j’avais en mémoire de l'avoir utilisé sur le système d'activation et de désactivation des onglets mais apparemment ma mémoire me joue des tours.

Voici ce que j'ai trouvé dans le template index_box

Code:

<button id="M14_No_Actif">Activer le système à onglets</button>
  <button id="M14_Actif"style="display:none;"class="vtip" title="N'oubliez pas d'activer l'onglet intitulé tout le forum.">Désactiver le système à onglets</button>

[Milouze14Fondateur]

Il faudrait en être certain Stéphane car si tu ne l'as pas utilisé,
il faut le supprimer dans le script.
Donc passer de :

Code:

titles = $('div[data-infobulle="true"], [title]');

à:

Code:

titles = $(' [title]');

Ensuite, la class vtip était utilisée pour afficher aussi des infobulles,
as tu aussi ce script dans ta gestion ?

Si ce script n'est plus d'actualité, il faut supprimer cette class dans le code html:

Code:

   <button id="M14_No_Actif">Activer le système à onglets</button>
      <button id="M14_Actif"style="display:none;" title="N'oubliez pas d'activer l'onglet intitulé tout le forum.">Désactiver le système à onglets</button>

[fascicularia]

re ,
le script concernant vtip est effectivement un vieux script utilisé il y a quelques années. Le js en question n'est plus sur le forum.

Je vais faire regarder dans la soirée mes templates un peu plus en profondeur pour voir si je trouve la div infobulle et supprimer la class vtip sur les parties concernées.

Bonne soirée Philippe et encore merci pour ton aide.

[Milouze14Fondateur]

Pas de soucis Stéphane,
à bientôt pour les nouvelles

[fascicularia]

re Philippe, 
les vérifications et modifications sont faites.


Tout fonctionne à présent.


Un grand merci pour cette aide 

[Milouze14Fondateur]

Super Stéphane,

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande