Sujets similaires

Bonjour,

Alors voilà j'ai tenté de chercher le code permettant de faire cela mais je n'ai rien trouvé, probablement car je ne sais pas comment le formuler. En fait je voulais savoir si quelqu'un pouvait m'expliquer quels codes employer pour que lorsque le curseur survole les sous-forums les descriptions s'affichent dans le cadre du forum et non dans le petit cadre blanc qui disparaît peu après.

J'espère que je ne suis pas hors-sujet, mais je ne savais pas où poster à part ici.
Merci d'avance pour ceux qui prendront la peine de répondre à cette question.
Cordialement.

Salut !

Ce que tu demandes pourrait être possible sur un forum privé sans trop de soucis, mais sur les forums de ForumActif par contre on n'a pas accès au détail du code des sous forums x_x Il faudrait récupérer le contenu de l'attribut title des liens des sous forums pour l'afficher ailleurs, mais ça nécessitera forcément du javascript.

Je vais signaler ton sujet en haut lieu Wink

Hello.

Comme l'a dit 'Christa, c'est possible en ajoutant un code Javascript dans ton panneau d'administration.

Va dans Modules > HTML & Javascript > Gestion des codes Javascript. Crée un nouveau code, nomme-le comme tu veux. Sélectionne un placement "sur l'index" et "sur les sous-forums".

Enfin, colle le code suivant :

Code:: $('span.gensmall > a.gensmall').each(function(){
var desc = $(this).parent().prev().html();
var attr = $(this).attr('title');
$(this).hover(
   function(){
      $(this).parent().prev().html(attr + "<br>");
      $(this).attr('title', '');
   },
   function(){
      $(this).parent().prev().html(desc);
      $(this).attr('title', attr);
   }
);
});

Pour expliquer vite fait, la fonction va :
- stocker le contenu de la description dans une variable desc
- stocker la valeur de l'attribut title du lien survolé dans une variable attr
Puis, au survol :
- remplacer le contenu de la description par celui de la variable attr
- effacer l'attribut title du lien (évite juste de le voir s'afficher)
Enfin, lorsque la souris quitte l'élément :
- rétablir le contenu de la description par défaut
- rétablir l'attribut du lien

Smile

Ce ne serait pas plus judicieux de rajouter une classe pour les sous forums histoire de ne pas chopper d'autres gensmall (y'en a plein partout) ?

gensmall oui mais pas des a...
Ceci dit, oui, il serait préférable d'éditer le template index_box de la façon suivante...

Trouver ceci :

Code::       <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>

Ajouter la classe "subforums" au span :

Code::       <span class="gensmall subforums">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>

Dans le Javascript, remplacer span.gensmall > a.gensmall par span.subforums a.gensmall :

Code:: $('span.subforums a.gensmall').each(function(){
var desc = $(this).parent().prev().html();
var attr = $(this).attr('title');
$(this).hover(
function(){
$(this).parent().prev().html(attr + "<br>");
$(this).attr('title', '');
},
function(){
$(this).parent().prev().html(desc);
$(this).attr('title', attr);
}
);
});

Merci beaucoup je vais essayer ça au plus tôt c'est très gentil de prendre la peine de m'aider ^^

J'ai pu tester les deux méthodes mais ça ne marche pas, je suppose que c'est du au fait que mon template index_box a été modifié à l'aide d'un tutoriel... Je vous le met ici pour que vous puissiez voir de quel façon il a été changé. J'ai tenté de remettre la partie que vous m'aviez indiqué de repérer comme elle était originellement en remettant l'accolade correspondant aux sous forums dans la balise span, et d'autres petits bidouillages pour que le template se rapproche de comme il était à l'origine. Mais rien n'y fait, à part tout faire bugguer je n'arrive à rien. Désolé de vous embêter avec ça, si c'est vraiment quelque chose de pénible je pourrais m'en passer. Merci d'avance et encore désolé je suis vraiment nul. ^^'

Spoiler:

Code:: <table width="70%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<div class="tfa_top">
<div class="titre_categorie">{catrow.tablehead.L_FORUM}</div>
</div>
<table class="table_tfa" width="100%" border="0" cellspacing="8" cellpadding="4">


<tr>

<td class="tfa_cell_1" align="center" valign="middle" width="20%">

<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

<div class="tfa_last_post">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
</td>

<td class="tfa_cell_2" valign="middle" width="80%">

<div class="block_titre">
<div class="tfa_titre_forum">
<div class="titre_gauche"></div>
<div class="titre_centre">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="lien_forum">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
</div>
<div class="titre_droite"></div>
<div style="clear:both;"></div>
</div>
</div>

<div class="tfa_description">
<div class="genmed">{catrow.forumrow.FORUM_DESC} </div>

<span class="gensmall subforums">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

</span>

<span class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span>
</div>

<div class="sujets-messages">
<span class="gensmall">
<span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets and <span class="chiffres">{catrow.forumrow.POSTS}</span> messages
</span>
</div>
</td>
</tr>



<tr>

<td width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table>
<div class="tfa_bottom"></div>
<img src="{SPACER}" alt="" height="5" width="1" />

Ne t'en fais pas. Smile

C'était à prévoir, on ne peut pas savoir quelles modifications ont été faites dans les templates. Je suppose qu'on expliquera plus en détails ce qui est ciblé et comment le faire, si besoin...

En fait, dans ton template, tu as déjà donné une classe spécifique aux liens des sous-forums :

Code:: 
<span class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span>

Dans ton cas, ajouter une nouvelle classe est inutile, tu as déjà ce qu'il faut. Dans le Javascript, tu as juste à remplacer subforums par sous_forums.

Oups visiblement mon dernier message n'a pas été posté ^^ '

Je disais donc que j'ai changé le nom mais que ça ne marche toujours pas :S c'est peut-être à cause des modifications au niveau des descriptions dans le template et le css? Je ne fais que spéculer et je ne m'y connais pas assez pour le dire mais j'ai tenté le coup. J'ai modifié deux trois trucs mais ça ne donne rien donc je suis revenu au template que j'avais à l'origine. Je ne m'y connais absolument pas en javascript alors si il faut changer l'endroit de destination du texte je ne saurais même pas le reconnaître dans le script... vraiment désolé de vous embêter avec tout ça :S et encore merci pour votre aide.

En fait c'est moi qui réfléchis à moitié. Contre-coup de la semaine... j'écris depuis mon téléphone donc je ne vais pas me risquer à corriger le code tout de suite mais il y a juste une autre modification à faire dans le javascript pour que cela fonctionne.

Excuse-moi, vraiment, la fatigue... ><

Edit: Here.

Code:: $('span.sous_forums a.gensmall').each(function(){
var desc = $(this).parent().prev().prev().html();
var attr = $(this).attr('title');
$(this).hover(
function(){
$(this).parent().prev().prev().html(attr + "<br>");
$(this).attr('title', '');
},
function(){
$(this).parent().prev().prev().html(desc);
$(this).attr('title', attr);
}
);
});

Ne t'en fais pas c'est normal, c'est déjà très gentil à toi de bien vouloir m'aider. Par contre ça fonctionne toujours pas :S
Vraiment désolé que ça soit aussi enquiquinant ^^'

Code:: $(function(){
$('span.sous_forums a.gensmall').each(function(){
var desc = $(this).parent().prev().prev().html();
var attr = $(this).attr('title');
$(this).hover(
function(){
$(this).parent().prev().prev().html(attr + "<br>");
$(this).attr('title', '');
},
function(){
$(this).parent().prev().prev().html(desc);
$(this).attr('title', attr);
}
);
});
});

Et si cette fois ça ne marche pas, le problème ne vient plus de ma fatigue ~

Fufufu... -w- ça ne marche toujours pas, je dois avoir un problème autre part dans ce cas ^^' Merci quand même ça m'a déjà beaucoup aidé. Je garde le code précieusement et je vais essayer de repérer où se trouve le bug si j'y arrive ça me sera utile d'avoir le script sous la main x) Souhaitez-moi bonne chance! \o/

D'après le code source de ton forum (ouch tout ce franglais...), les $ sont transformés en gloubglouba (que je ne peux pas transcrire ici vu qu'ils ont été retranscrits en $ quand j'ai écrit le symbole et que j'ai mon train à prendre donc tant pis XD)

En principe ça ne le fait plus depuis longtemps ça, mais bon essaie de les remplacer par jQuery pour voir...

Ce sont les caractères ASCII pour le symbole $, sauf que ça ne fonctionne pas dans le script (encodage toussa).

Alors oui, soit les remplacer par jQuery, soit refaire un vrai code JS proprement encodé en UTF-8 (au lieu de ISO quelque chose) =)

ASCII - HTML Codes

Merci beaucoup! Je vais tester ça ^^

Et merci pour le lien Espeon.

Bonjour,

Cela fait quatre jours que ce sujet reste sans réponse. Ce problème est-il toujours d'actualité ? As-tu trouvé l'explication d'Espeon satisfaisante? Description des sous-forums s'affichant dans le cadre de la description du forum. 510527

Description des sous-forums s'affichant dans le cadre de la description du forum. 510527

Rappel : si nous n'avons toujours pas de nouvelle d'ici cinq jours, ce sujet rejoindra les archives. Wink

Merci de ta compréhension. Description des sous-forums s'affichant dans le cadre de la description du forum. 926145

Bonjour,

Désolé pour le temps de réponse, mon post a du se perdre. Les explications sont en effet très claires mais je n'ai pas encore les notions suffisantes pour régler le souci par moi-même, pour éviter d'enquiquiner les gens et leur laisser faire tout le boulot je vais tenter de m'améliorer et revenir quémander de l'aide si je ne m'en sort toujours pas. Merci énormément pour vos conseils et j'espère y arriver par moi-même avec ces nombreuses explications.

Vous pouvez archiver le sujet, merci beaucoup!

OK, Nersullll, j'archive donc.
N'hésite pas à ouvrir un nouveau sujet dès que tu en as besoin. A bientôt ! Smile

Description des sous-forums s'affichant dans le cadre de la description du forum.

Description des sous-forums s'affichant dans le cadre de la description du forum.

Sujets similaires

Sujets similaires

Partenaires Or