[PHPBB2] Afficher une infobulle dans les cellules des forums et la liste des sujets

Hello les ami(e)s,

encore un peu de patois , mais des images seront bien plus parlantes .

Pour l'index:



Pour la liste des sujets:



Ce n'est qu'un aperçu les ami(e)s, le script vous donnera satisfaction car ce dernier au survol des :
Nombre de sujet et des messages sur l'index.
Réponses/Auteur/Vues sur la liste des sujets
fera apparaitre une infobulle qui prendra en compte le pluriel et le singulier.
C'est à dire que si il y a un sujet, l'infobulle indiquera: "Ce forum compte 1 sujet" et au delà , ce sera corrigé au pluriel.

Enfin bref toutes les cellules seront ainsi.




Dans le template index_box:
Affichage/Templates/Général/index_box

Recherchez ceci:

Code:


<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>


Remplacez par :

Code:


<td class="row3 M14_contTopics" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>


Puis juste en dessous recherchez ceci::

Code:

<td class="row2" align="center" valign="middle" height="50">
 <span class="gensmall">{catrow.forumrow.POSTS}</span>
 </td>

Remplacez par:

Code:

<td class="row2 M14_contPosts" align="center" valign="middle" height="50">
 <span class="gensmall">{catrow.forumrow.POSTS}</span>
 </td>


Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  

Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box

Recherchez ces trois lignes:

Code:


<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
<td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>


Remplacez par:

Code:


<td class="row2 M14_contReply" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
<td class="row3 M14_contAuthor" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
<td class="row2 M14_contView" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>


Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  



Puis le script qui va s'occuper de tout.


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


Mettez un titre explicite.
Cochez sur l'index et les sous forums

Déposez ceci:

Code:


$(function(){
  var textIndex="Ce forum compte";
  var textListeRep="Ce sujet compte";
  var textListeProfil="Voir le profil de";
  var textListeVisu="Ce sujet a été visualisé";
$('.M14_contTopics').each(function(){
var M14_contTopics= $(this).find('span').text();
  if(M14_contTopics<2)
  {
$(this).find('span').css('cursor','pointer').attr('title',''+textIndex+' '+M14_contTopics+' sujet');
  }
  else{
    $(this).find('span').css('cursor','pointer').attr('title',''+textIndex+' '+M14_contTopics+' sujets');
  }
  });
  
$('.M14_contPosts').each(function(){
var M14_contPosts= $(this).find('span').text();
  if(M14_contPosts<2)
  {
$(this).find('span').css('cursor','pointer').attr('title',''+textIndex+' '+M14_contPosts+' message');
}
else{
$(this).find('span').css('cursor','pointer').attr('title',''+textIndex+' '+M14_contPosts+' messages');
}
});
$('.M14_contReply').each(function(){
var M14_contReply= $(this).find('span').text();
  if(M14_contReply<2)
  {
$(this).find('span').css('cursor','pointer').attr('title',''+textListeRep+' '+M14_contReply+' réponse');
}
else{
$(this).find('span').css('cursor','pointer').attr('title',''+textListeRep+' '+M14_contReply+' réponses');
}
});
  $('.M14_contAuthor').each(function(){
var M14_contAuthor= $(this).find('span a[href^="/u"]').text();
$(this).find('a').attr('title',''+textListeProfil+' '+M14_contAuthor+'');
});
$('.M14_contView').each(function(){
var M14_contView= $(this).find('span').text();
$(this).find('span').css('cursor','pointer').attr('title',''+textListeVisu+' '+M14_contView+' fois');
});
});


Pensez a cliquer sur le bouton Valider

Vous pouvez modifier les textes dans le script ici:

uniquement sur l'index

Code:


  var textIndex="Ce forum compte";


uniquement dans la liste des sujets

Code:

 
  var textListeRep="Ce sujet compte";
  var textListeProfil="Voir le profil de";
  var textListeVisu="Ce sujet a été visualisé";


Merci beaucoup !

Merci pour tes tutos :)

Je dois dire que cette astuce m'intéresse beaucoup.

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !