[EDGE] Afficher au survol du lien du profil un choix ...

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

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello les ami(e)s,



Comme la plupart des scripts viennent du support EDGE, cette dernière restera visible mais un merci sera
toujours apprécié car la traduction a été effectuée par mes soins:

L'aperçu imagé:




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() {
          var lang = {
              profile_options: 'Options du profil',
              view_profile: 'Voir mon profil',
              edit_profile: 'Editer mon profil'
            },
        
            // -1 no default
            // 0 view profile default
            // 1 edit profile default
            default_path = -1,
        
            id = '/u' + _userdata.user_id,
            link = $('#navbar .mainmenu').filter(function() {
              return /\/profile\?mode=editprofile/.test(this.href)
            }),
        
            fm_profile_options = [];
        
          default_path == 1 ? '' : default_path == 0 ? link.attr('href', id) : link.removeAttr('href');
        
          link.tooltipster({
            animation: 'fade',
            interactive: true,
            contentAsHTML: true,
            minWidth: 150,
            maxWidth: 200,
            delay: 100,
            theme: 'tooltipster-default',
            arrowColor: "#EEE",
            autoClose: true,
            content: '<h2>' + lang.profile_options + '</h2>',
            functionBefore: function(origin, continueTooltip) {
              continueTooltip();
        
              if (origin.data('ajax') !== 'cached') {
                if (fm_profile_options[0] != undefined) {
                  origin.tooltipster('content', fm_profile_options[0]).data('ajax', 'cached');
                } else {
                  var URL = $(this).attr('href'),
        
                    container = $('<div>' +
                      '<div class = "fm_profile_options" > ' +
                        '<h2 class="fm_profile_options_header">' + lang.profile_options + '</h2>' +
                        (/\/u\d+/.test(URL) ? '' : '<p class="fm_view_profile"><a href="' + id + '">' + lang.view_profile + '</a></p>') +
                        (/\/profile\?/.test(URL) ? '' : '<p class="fm_edit_profile"><a href="/profile?mode=editprofile">' + lang.edit_profile + '</a></p>') +
                      '</div>' +
                    '</div>');
        
                  fm_profile_options[0] = container.html();
                  origin.tooltipster('content', fm_profile_options[0]).data('ajax', 'cached');
                }
              }
            }
          });
        
          $('head').append(
            '<style type="text/css">' +
              '.mainmenu.tooltipstered { cursor: pointer; }' +
              '.fm_profile_options { font-family: Arial; font-size: 12px; margin-bottom: 5px; text-align: center; }' +
            '.fm_profile_options_header { font-size: 1.5em; margin: .66em .25em; }' +
              '.fm_profile_options p { margin: 3px; }' +
            '</style>'
          );
        });


Pensez a cliquer sur le bouton Valider


Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Dim 30 Avr 2017 - 18:30, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





clost
avatar
Membre

Messageclost

  • 16px
  • 24px
  • Zoom
merci Philippe pour ce que tu fais
Déja sans ton forum, je n'aurais jamais connu EDGE sous cet angle  super
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Chris, c'est un plaisir clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





clost
avatar
Membre

Messageclost

  • 16px
  • 24px
  • Zoom
Salut Phillpe  coucou
pour la remontée des installations, en posant ce JS, ca fait conflit avec celui-ci destiné au tooltip profil de navbar :
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);
          };
        
          queue ? $(parse) : parse();
        });


en fait l'un annule le fonctionnement de l'autre et inversement
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Chris, hum les deux sont installés sur ce fofo et je n'ai pas de soucis.  Allez un petit tour du côté de l'entraide. 
-Staff du Forum Milouze14-


Pour toute information merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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