[PHPBB2] Afficher une infobulle au survol des titres des sujets avec......

Hello les ami(e)s,

Astuce crée sur un template vierge les ami(e)s sans aucune modification des annonces/annonces globales ou note.

Voici une astuce qui va en faire rêver plus d'un.
En effet l'astuce concerne la liste des sujets et au survol de chaque sujet une petite
infobulle viendra indiquer Si c'est une annonce/annonce globale/Note ou sujet plus le titre du sujet.

Voilà , ben non on va rajouter le nombre de réponses et le nombre de vues et tout çà dans cette petite infobulle.

Je vous rappelle donc que cette astuce a été crée avec un template vierge donc si cette dernière vous intéresse et que vous avez le contenu du template , il faudra poster un sujet sur l'entraide avec le contenu du template.


Les aperçus imagés:











Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur les sous forums.

Déposez ceci:

Code:


$(function(){
var text1="Titre de l'";
var text2="Titre de la ";
var text3="Titre du sujet ";
var text4=" nombre de réponses ";
var text5=" et a été visualisé ";
var text6=" fois. ";
$('a.topictitle').each(function(){
var M14_normal=$(this).html();
var M14_rep=$(this).closest('tr').find('td.row2 .postdetails').html();
var M14_vue=$(this).closest('tr').find('td.row2:last .postdetails').html();
var M14_annGlob=$(this).closest('div').find('strong:contains("Annonce globale:")').html();
var M14_ann=$(this).closest('div').find('strong:contains("Annonce:")').html();
var M14_note=$(this).closest('div').find(' strong:contains("Note:")').html();
var M14_first="♦  ";
var M14_last="    ♦";
if(M14_annGlob)
{
$(this).attr('title',''+text1+''+M14_annGlob+''+M14_first+''+M14_normal+''+M14_last+''+text4+'('+M14_rep+')'+text5+'('+M14_vue+')'+text6+'');
}
else if(M14_ann)
{
$(this).attr('title',''+text1+''+M14_ann+''+M14_first+''+M14_normal+''+M14_last+''+text4+'('+M14_rep+')'+text5+' ('+M14_vue+')'+text6+'');
}
else if(M14_note)
{
$(this).attr('title',''+text2+''+M14_note+''+M14_first+''+M14_normal+''+M14_last+''+text4+'('+M14_rep+')'+text5+'('+M14_vue+')'+text6+'');
}
else
{
$(this).attr('title',''+text3+''+M14_first+''+M14_normal+''+M14_last+''+text4+'('+M14_rep+')'+text5+'('+M14_vue+')'+text6+'');
}
});
});




Pensez a cliquer sur le bouton

Explications
Ici:

Code:


var text1="Titre de l'";
var text2="Titre de la ";
var text3="Titre du sujet ";
var text4=" nombre de réponses ";
var text5=" et a été visualisé ";
var text6=" fois. ";



Vous pouvez changer les textes en prenant soin de bien laisser les doubles quotes.
text1 servira pour les annonces et les annonces globales.
text2 servira pour les notes
text3 servira pour les sujets
text4 servira pour les réponses
text5 servira pour le nombre vue
text6 pour le mot fois

Ici:

Code:


var M14_first="♦   ";
var M14_last="    ♦";


Ce sont des petits plus qui sépareront le titre du sujet du reste.
Remarquez le décalage de chacun d'entre eux .

Respectez cet espace afin que l'infobulle n'est pas de caractère collé.

Le M14_first est placé en début donc l'espace se trouve à droite pour éviter de coller au texte qui va lui succéder et inverse pour M14_last

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci pour ce tutp !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Jetons un oeil... ou les deux !!!
Merci Milouze.

EDIT
Fonctionne pile poil !!!

Merci beaucoup !

Merci beaucoup

Merci beaucoup