[PHPBB3] Infobulle sur lien barre de navigation

Hello Serge,

Serait-il possible d'avoir une infobulle sur les boutons "Connexion" et "S’enregistrer"
(rebaptiser S'inscrire sur mon fofo).

hum, le script modifiant le texte aurait été un plus non ?


Ensuite ce mode connexion sur la Toolbar est natif sur Forumactif ?



Rappel car quelque chose me fait penser que tu désires avoir un saut de ligne après le mot "bonjour".
C’est impossible pour une infobulle (déjà mentionné sur d'autre sujets).



Edit, en cherchant un peu, car il me manquait des informations ,
les deux scripts(Toolbar et celui qui modifie le texte s'enregistrer) .



Bref, passons aux choses sérieuses...


Tu as ceci dans ta feuille de style:

Code:


#fa_right a[href$="login"], #fa_right a[href$="register"]
{
    display: none !important;
}


Tu peux supprimer ce style Serge.
Il ne sera plus nécessaire.

Ensuite , tu as ce script:

Code:

$(function(){$(function(){$('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<form action="/login.forum"method="post"><input class="fa_login"type="text"name="username"maxlength="40"placeholder="Nom d\'utilisateur"/><input class="fa_login"type="password"name="password"maxlength="25"placeholder="Mot de passe"/><input type="hidden"name="redirect"value="' + location.pathname + location.search + '"/><input type="submit"name="login"id="fa_enter"value="Connexion"/></form>')})});

Le soucis avec ce script est qu'il supprime que le premier lien dans la Toolbar et laisse le bouton "S'enregistrer" affiché.

Ensuite, tu ce script pour modifier le texte "S'enregistrer" :

Code:


$(function(){
$(function(){$('a[href$="/register"],a[href$="/register"]').html('<img src="https://2img.net/i/fa/prosilver/icon_register.gif"/> S\'inscrire')})});


Pourquoi le mettre en double le lien du bouton et mettre une double:

Code:

$(function(){

Remplaces les deux scripts par celui-ci:
Comme les boutons de connexion et d'enregistrement sont pour les invités par défaut, un script suffira:


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

Mettre un titre explicite.

Cocher sur toutes les pages.

Déposer ceci:

Code:

$(function(){if(_userdata["session_logged_in"])return;
$(function(){
//L INFOBULLE DE CONNEXION
var login="Bonjour,bonne visite sur Photoclic.";
$('a.mainmenu[href="/login"]').attr('title',login);
//L INFOBULLE DE S INSCRIRE
var regist="Bonjour,n'hésitez pas à vous enregistrer sur Photoclic.";
$('a[href$="/register"]').attr('title',regist).html('<img src="https://2img.net/i/fa/prosilver/icon_register.gif"/> S\'inscrire');
//L INFOBULLE DE CONNEXION
$('#fa_right').html('<form action="/login.forum"method="post"><input class="fa_login"type="text"name="username"maxlength="40"placeholder="Nom d\'utilisateur"/><input class="fa_login"type="password"name="password"maxlength="25"placeholder="Mot de passe"/><input type="hidden"name="redirect"value="' + location.pathname + location.search + '"/><input type="submit"name="login"id="fa_enter"value="Connexion" title="'+login+'"/></form>');
})
});

Penser a cliquer sur le bouton

Donc sur la Toolbar, on ne remplace plus le premier lien:

Code:

$('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith

Mais on importe directement le code html:

Code:


$('#fa_right').html(xxxxxxxxxxxxx)


Voilà pourquoi ce style n'est plus nécessaire :

Code:


#fa_right a[href$="login"], #fa_right a[href$="register"]
{
    display: none !important;
}


Tu pourras modifier les textes si besoin.

Pour informations,
le plugin Tooltip fonctionne pour les infobulles créées .

Bonjour Philippe,

Oh vraiment désolé pour l'absence des scripts, j'ignorai que cela t'était nécessaire et vu ce que tu as fait, je comprends que cela était indispensable.
Chapeau pour avoir retrouvé les codes dans la page de charabia.

Pour les sauts de lignes dans l'infobulle, pas grave.
J'avais vu cela ailleurs, mais je crois que c'est fait avec du JS.

En tout cas cela fonctionne à merveille.

Merci aussi pour les corrections et explications. Super.

Je passe en résolu l'ami  

De rien Serge
,