Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

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


+4
dragon594
Ptite_Perle
petit coq
Milouze14
8 participants

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 14 Mai 2017 - 20:27

Hello les ami(e)s,

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

Pour l'index:

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

Pour la liste des sujets:

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

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  Ajout

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  Ajout



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é";




Dernière édition par Milouze14 le Lun 29 Nov 2021 - 7:35, édité 2 fois
petit coq

Messagepetit coq Sam 20 Mai 2017 - 10:54

Merci beaucoup !
Ptite_Perle
Ptite_Perle
https://forumcrea.forumactif.org/

MessagePtite_Perle Dim 28 Mai 2017 - 22:06

Merci pour tes tutos :)
dragon594
dragon594
https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 4 Juin 2017 - 11:27

Je dois dire que cette astuce m'intéresse beaucoup.
Kaeyla
Kaeyla
https://sweethome.forumactif.com

MessageKaeyla Sam 30 Sep 2017 - 8:15

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Mar 24 Avr 2018 - 18:20

Merci beaucoup !
kailash35
http://capchiens.forumpro.fr

Messagekailash35 Sam 28 Avr 2018 - 20:12

Merci beaucoup !
safranite

Messagesafranite Dim 23 Déc 2018 - 8:56

Merci beaucoup !
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Dim 23 Déc 2018 - 9:02

Merci beaucoup !
safranite

Messagesafranite Dim 23 Déc 2018 - 9:25

Merci beaucoup !

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