Widget sujet récent escamotable

[demeter1]

Bonjour à tous, je viens d'installer grace à Etana une chatbox escamotable. Ma question : est il possible de faire la même chose avec des widgets prédéfinis par exemple celui des sujets récents ?
Voici ce que à donné la chatbox escamotable sur mon forum
http://altitudetest.forumactif.com/forum.htm

Merci par avance pour vos réponses.

Stéphane
ps : un grand merci à Etana pour l'astuce de la tchatbox

[Irina]

Bonjour

Je déplace ce problème dans problème avec un script.


Cordialement,

[demeter1]

Merci Irina, désolé d'avoir posté le topic dans le mauvais forum.

[demeter1]

Je suppose qu'il faut récupérer l'iframe de ce widget ???? je vous avouerai avoir farfouillé dans le template 'sujets récents' mais sans trouver mon bonheur.

[demeter1]

up mais rien ne presse.

[demeter1]

up

[demeter1]

petit up de rappel

[demeter1]

up

[demeter1]

je re up

[demeter1]

up

[Irina]

Bonsoir,

Pouvez donner la démarche qu'Etana vous a fourni pour la chat box escamotble ?

Il y a peut être moyen de faire pareil avec les sujets récents...

En montrant la démarche, peut être que des membres pourraient plus vous aider


Cordialement,

[demeter1]

Bonjour Irina, voila une suggestion pleine de bons sens.

Voici le script qui est utilisé pour la chatbox

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Merci pour cette aide.
Stéphane

[Irina]

Bonsoir Demeter,

Je me suis permise de corriger le code mis dans le message car vous n'avez pas copié la fermeture des balises :

Code:

</tr></table>

Je les ai rajouté, au cas où quelqu'un voudrait se resservir du code.

Maintenant j'ajoute ce qu'Etana m'a donné à moi pour mon forum :

-> voici un code d'un tableau dans lequel il y a une iframe qui appelle le widget sujet récents : comme ça j'ai pu le mettre sur mon forum sans avoir à installer les widgets :

Code:

<table  border="0">
<tr><td align="left" id="comments_scroll_div" valign="middle" rowspan="6" style="width: 200px; height: 100%;" >
<iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe></td>
</tr>
</tbody></table>

Le problème avec le code du dessus, c'est que le défilement ne fonctionne pas sous IE (encore IE =P ) du coup Etana m'a fait changé l'id pour que les sujets ne défilent plus et donc cela affiche les derniers sujets, mais fixe !
et je préfére ce rendu (et ça marche sur tous les navigateurs)

____________________
- > voilà le code donc de l'iframe sujet récent mais qui ne défilent pas : (faut penser à régler dans les parametres du widgets dans le PA : le nombre qu'on veut de sujet parce que par défaut c'est reglé à 9 et ça fait beaucoup)

Code:

<table  border="0">
<tr><td align="left" id="comments_scroll_div" valign="middle" rowspan="6" style="width: 200px; height: 100%;" >
<iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_container');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe></td>
</tr>
</tbody></table>

Voilà peut être que ces infos complémentaires serviront à construire quelque chose


De mon côté je vais demander à ma botte secrète de jeter un oeil à ce topic =)

Cordialement,

[niahoo]

salut

donc voilà le code pour le widget sujet récent en version escamotable, il te faut mettre ça dans le template index_box

Code:


<table style="position: fixed; bottom: 200px; left: 0px;background-color: #ffffff;z-index:10000;">
   <tr>
      <td
      id="comments_scroll_div"
      style="display:none"
      />
   </tr>
   <tr>
      <td>
         <iframe
         name="ifr"
         src="/portal.forum"
         id="iframe_sujets_recents"
         scrolling="no"
         style="width: 800px; height: 400px; display: none;"
         marginwidth="0"
         marginheight="0"
         frameborder="0"
         onload="var ifr=window.ifr.document.getElementById('comments_scroll_container');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"
         ></iframe>
      </td>
      <td style="vertical-align: bottom;">
         <img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('comments_scroll_div').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/>
      </td>
   </tr>
</table>


tout le contenu affiché (sauf le bouton ouvrir/fermer) s'affiche dans cette cellule:

Code:

 id="comments_scroll_div" style="display:none"/>

donc pour en modifier le style, dans le css il faut indiquer

Code:

td#comments_scroll_div {
  parametre:valeur;
}

voilà ;P

(ps: par contre j'ai bien l'impression que le défilement ne marche pas)

[Nagini]

Houla, j'ai testé vos codes (les derniers pour avoir la liste des sujets récents) et j'obtiens juste un onglet ouvrir fermer mais aucun effet si j'active ou non.

Sinon, pour la Chat Box, c'est niquel.

[Irina]

Bonjour,

Vous êtes sur d'avoir bien copier le code et pas commis d'erreur ?

Il fonctionne très bien regardez :

Forum de test


Il manque juste à mettre un peu de style css pour que ce soit plus joli, sinon ça fonctionne parfaitement


Cordialement,

[Nagini]

L'erreur doit venir de moi.

Voici mon Template index_box:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
            <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"> <span style="color:white;">{catrow.forumrow.POSTS} messages</span> <span style="color:#FFFFFF;">dans </span><span style="color:white;">{catrow.forumrow.TOPICS} sujets </span></span></td></tr></table>
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Je précise que j'ai changé, pour un autre truc, ceci:

Code:

<span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>

Par cela:

Code:

<span class="forumlink">
            <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"> <span style="color:white;">{catrow.forumrow.POSTS} messages</span> <span style="color:#FFFFFF;">dans </span><span style="color:white;">{catrow.forumrow.TOPICS} sujets </span></span></td></tr></table>
            </span>

Est il possible que vous me renvoyez mon template modifié en indiquant où a été placé votre rajout au moyen d'un texte (ex: \\ Début du Rajout \\Fin du rajout)

Si c'est effectivement possible, je vous en remercie d'avance d'avoir prit sur votre temps pour traiter ma demande.

Cordialement.

[Irina]

Re

Ben je viens de copier intégralement votre template et de coller les scripts à la suite et ça fonctionne très bien.

En fait pour avoir les deux, il faut penser à changer la position de la deuxieme fenetre. Je vais éditer le message de niahoo pour ceux qui voudraient avoir les deux.

Il suffit que vous preniez votre template, et tout en bas vous collez les scripts des fenetres escamotables :

comme ceci : Voici votre template, avec les deux scripts à la suite, ça met deux onglets qui fonctionnent bien ! (pouvez regarder sur mon forum de test)

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
            <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"> <span style="color:white;">{catrow.forumrow.POSTS} messages</span> <span style="color:#FFFFFF;">dans </span><span style="color:white;">{catrow.forumrow.TOPICS} sujets </span></span></td></tr></table>
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


<table style="position: fixed; bottom: 250px; left: 0px;background-color: #ffffff;z-index:10000;">
  <tr>
      <td
      id="comments_scroll_div"
      style="display:none"
      />
  </tr>
  <tr>
      <td>
        <iframe
        name="ifr"
        src="/portal.forum"
        id="iframe_sujets_recents"
        scrolling="no"
        style="width: 800px; height: 400px; display: none;"
        marginwidth="0"
        marginheight="0"
        frameborder="0"
        onload="var ifr=window.ifr.document.getElementById('comments_scroll_container');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"
        ></iframe>
      </td>
      <td style="vertical-align: bottom;">
        <img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('comments_scroll_div').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/>
      </td>
  </tr>
</table>


<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Cordialement,

[demeter1]

Merci Niahoo, merci Irina,
Je viens de tester vos solutions et malheureusement, j'obtiens le même résultat que Nagini : deux onglets mais qui ne s'activent pas.
Dans le doute, j'ai fait un copié /collé du template corrigé pour voir s'il s'agissait d'une mauvaise manip de ma part mais le résultat a été identique.

http://altitudetest.forumactif.com/index.htm

[Irina]

Bonjour Demeter,

Je viens de réussir à parfaitement ouvrir la chat box : il dit d'ailleurs qu'elle n'est pas activé.

Le sujet récent ne marche en effet pas : mais c'est normal : vous avez le widget qui est activé sur votre forum ! Il ne faut pas le mettre sur le forum, sinon il interfére avec l'iframe.

Amicalement,

[Nagini]

Effectivement, cela ne marche pas non plus pour moi mais la ChatBox fonctionne vu que je l'ai placé directement dans Pannel >> Affichage >> Généralités >> Message sur la page d'accueil.

[Irina]

Bonjour Nagini :

Merci de me donner l'adresse de votre forum

Si vous avez placé la chat box dans le message accueil, il ne faut pas la placer dans le template alors c'est logique


Cordialement,

[Nagini]

Ce n'est pas mon véritable forum mais un forum test ou je test tout ce qui me passe sous la main.

Cependant, je vous ais envoyé le lien de ce dernier via Mp.

Cordialement.

[demeter1]

Bonjour Irina,

L'onglet de la chat box correspond en fait au script que j'ai inséré dans le template overall header new.. je viens de le retirer à l'instant pour ne laisser que les onglets activés par le template modifié (celui de l'index box de Nagini).

Le widget sujet récent à été retiré afin d'éviter l'interférence de l'iframe.

Résultat : la chat box s'ouvre mais pas la fenêtre du widget "sujets récents".

[Irina]

Demeter : pouvez vous me copier intégralement ce que vous avez dans le template : Index box ici

Et me confirmer que vous n'avez rien mis d'autres ailleurs concernant ces fenetres escamotables


Je vais regarder ça, sur mon forum ça fonctionne très bien comme vous pouvez le voir donc je ne comprends pas


Cordialement,

[demeter1]

Bonjour Irina, voici le template. Il s'agit d'un copié/collé du script corrigé de Nagini. J'ai obtenu un résultat identique en adjoignant les deux scripts à la fin de mon template. Je suis en PHpbb2 et j'ai d'autres templates de modifiés mais qui ne concernent pas les fenêtres escamotables. Dans le doute , je vais remettre mes autres templates par défaut pour voir si cela a une quelconque influence.

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
            <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"> <span style="color:white;">{catrow.forumrow.POSTS} messages</span> <span style="color:#FFFFFF;">dans </span><span style="color:white;">{catrow.forumrow.TOPICS} sujets </span></span></td></tr></table>
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


<table style="position: fixed; bottom: 200px; left: 0px;background-color: #ffffff;z-index:10000;">
  <tr>
      <td
      id="comments_scroll_div"
      style="display:none"
      />
  </tr>
  <tr>
      <td>
        <iframe
        name="ifr"
        src="/portal.forum"
        id="iframe_sujets_recents"
        scrolling="no"
        style="width: 800px; height: 400px; display: none;"
        marginwidth="0"
        marginheight="0"
        frameborder="0"
        onload="var ifr=window.ifr.document.getElementById('comments_scroll_container');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"
        ></iframe>
      </td>
      <td style="vertical-align: bottom;">
        <img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('comments_scroll_div').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/>
      </td>
  </tr>
</table>


<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Encore un grand merci pour l'aide que vous m'apportez très régulièrement.

edit : voila tous les templates sont remis par défaut

[Irina]

Oh vous savez pour l'aide, là c'est grace à niahoo, moi je ne connais rien au Java script.

Alors je viens de regarder votre code : et quelque chose de très étonnant : en ouvrant le code source du widget escamotable sujet récent : je trouve le code source de votre nuage de tag à l'intérieur.

Je pense donc que c'est ceci qui intéfère !

Vous l'avez mis où ce nuage de tag ? Comment est il placé ? êtes vous sur du code ?


Bien à vous,

[demeter1]

Bonjour Irina, le nuage de tag est placé dans un widget .J'ai positionné le nuage grâce à une balise poistion : absolute.
Le script initial provient d'un tuto trouvé sur Fa. Il me semble qu'il s'agissait de celui d'Adam

Voici le script

Code:


<div style="position: absolute; top: 500px; left: 20px;"><span class="boxtoproundtitle"></span>                  <!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ --> <div id="wpcumuluswidgetcontent"><embed type="application/x-shockwave-flash" src="http://cgn59.free.fr/blog/wp-content/plugins/wp-cumulus/tagcloud.swf?r=9527288" id="tagcloudflash" name="tagcloudflash" bgcolor="#FFFFFF" quality="high" wmode="transparent" allowscriptaccess="always" flashvars="tcolor=0xFFFFFF&amp;tcolor2=0xFFFFFF&amp;hicolor=0xFFFFFF&amp;tspeed=100&amp;distr=true&amp;mode=tags&amp;tagcloud=%3Ctags%3E%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/portal.htm%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EPORTAIL%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/memberlist.forum%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EMEMBRES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/faq.htm%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EFAQ%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/contact.forum%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ENOUS+CONTACTER%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/presentation-des-nouveaux-membres-f9/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EPRESENTEZ+VOUS%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/palmiers-f37/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EPALMIERS%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/cycadales-f30/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ECYCADALES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/bananiers-f3/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EBANANIERS%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/fougeres-f5/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EFOUGERES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/araces-f7/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EARACEES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/bromeliaces-f4/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EBROMELIACEES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/orchidaces-f33/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EORCHIDACEES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/plantes-carnivores-f44/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EPLANTES+CARNIVORES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/cactes-et-succulentes-f6/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ECACTEES+ET+SUCCULENTES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/plantes-de-bassin-f12/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EPLANTES+DE+BASSIN%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/autres-plantes-f14/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EAUTRES+PLANTES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/le-potager-f13/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELE POTAGER%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/le-coin-identification-f27/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELE COIN DES IDENTIFICATIONS%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/jardins-des-membres-du-forum-f8/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EJARDINS+DES+MEMBRES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/jardins-publics-f1/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EJARDINS+PUBLICS%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/maladies-et-parasites-f18/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EMALADIES+ET+PARASITES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/le-labo-f35/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELE+LABO%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/donnes-de-rsistance-des-plantes-face-au-froid-f36/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EDONNEES+DE+RESISTANCE+DES+PLANTES+FACE+AU+FROID%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/traitement-des-maladies-f40/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ETRAITEMENT+DES+MALADIES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/lutte-biologique-f41/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELUTTE+BIOLOGIQUE%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/traitement-des-ravageurs-f39/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ETRAITEMENT+DES+RAVAGEURS%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/vos-trucs-et-astuces-bio-pour-jardiner-f23/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ETRUCS+ET+ASTUCES+BIO%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/cycadales-f30/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ECYCADALES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/fiches-de-plantes-f20/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EFICHES+DE+PLANTES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/les-changes-f2/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELES+ECHANGES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/le-coin-des-ppiniristes-f19/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELE+COIN+DES+PEPINIERISTES%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/le-coin-des-associations-f15/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELE+COIN+DES+ASSO.%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/fonctions-du-site-f34/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EFONCTION+DU+SITE%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/vos-suggestions-pour-ameliorer-le-site-f10/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EVOS+SUGGESTIONS%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Faltitudetropicale.forums-actifs.com/le-caf-f16/%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3ELE+CAFE%3C%2Fa%3E%3E%3E%3C%2Ftags%3E");widget_so.write("wpcumuluswidgetcontent");></center></b></font> <font color="#5d0b0b"></font></div>   

edit : je viens de le supprimer de mes widgets pour voir si cela change quelque chose .

edit 2 : aucun changement

edit 3 : j'ai supprimé mon CSS personnalisé pour voir si celui ci avait une quelconque influence. Résultat : aucune influence.

[Irina]

hmmm Non en effet ce n'est pas ça ! Je me suis trompée !


Eureka! je crois que je viens de comprendre.
Visiblement il faut que le widget sujet récent soit mis sur le portail pour que cela fonctionne :/

Pourtant ça marche si le portail n'est pas actif.

Mais là votre portail est actif mais le widget sujet récent y est désactivé, je viens de tester sur mon forum test, avec les memes réglages : portail actif + sujet récents désactivés = la fenetre ne s'ouvre pas.

(Il ne trouve pas le widget à mettre dans l'iframe donc c'est logique)


-Vous pouvez remettre votre nuage de tag


Cordialement,

[demeter1]

Euh désolé Irina, je viens d'activer le widget "derniers sujets" sur le portail mais la sitution reste bloquée.