Problème Défilement Widget

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

Problème Défilement Widget

Message par Scientia Magicam le Mar 20 Juin 2017 - 19:23

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Installation du Widget Derniers Sujets
Lien du forum : http://scientia-magicam.forumsgratuits.com

Description du problème

Bonsoir !

Voilà, je viens de passer pas loin de deux heures à réussir à installer ce fameux widget qui fait défiler les sujets récents poster sur le forum !

Mais voilà, j'ai un souci, sur Google Chrome, la liste défile vers le haut, dès que le premier message touche le haut, ça repart du début et lors du second passage, ça disparaît par le haut comme un générique de film et c'est ce que je voudrais que ça fasse dès le premier tour.

De plus, Il n'y a que 4 messages et le dernier est coupé !

Alors pour installer ce fameux code, j'ai copié ceci dans mon panneau d'affichage :

Code:
<marquee id="recent-topics" style="height: 190px;" scrollamount="2" direction="up" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();">
                                                                                                                                
</marquee><script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script>

J'ai remplacé le template mod_recent_topics

Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td id="comments_scroll_div" class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                            <!-- BEGIN recent_topic_row -->
                                »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}" class="lastpost">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;
 
                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->
 
                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script type="text/javascript">
        jQuery("#comments_scroll_div a.lastpost").attr("href",function(i){return jQuery("#comments_scroll_div a.lastpost:eq("+i+")").attr("href").replace(/(\/t[0-9]+)(p[0-9]+)?-/,"$1-")})
    </script>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->
<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
  </tr>
  <tr>
      <td id="comments_fix_div" class="row1" align="left"><span class="gensmall">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}" class="lastpost">{classical_row.recent_topic_row.L_TITLE}</a><br /><img src="{ICON_TIME}" alt="" />{BY}&nbsp;
 
      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->
 
      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->
 
      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
 
      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
      </span></td>
  </tr>
</table>
<script type="text/javascript">
    jQuery("#comments_fix_div a.lastpost").attr("href",function(i){return jQuery("#comments_fix_div a.lastpost:eq("+i+")").attr("href").replace(/(\/t[0-9]+)(p[0-9]+)?-/,"$1-")})
</script>
<!-- END classical_row -->

Sinon Options Générales du Portail > Afficher le portail : oui
Options générales des widgets du forum >Afficher les widgets du forum :
Non

et le CSS

Si je mets une grande largueur, je vois la fin du 4ème sujet ....

Code:
#recent-topics {
  width:200px;
  height:auto;
  background-color:rgba(250,250,250,0.8);
}

Et enfin, il n'y a bien que le widget sujets récents d'activé !

Merci à bientôt Very Happy
avatar

Scientia Magicam
*

Messages : 40
Inscrit(e) le : 24/03/2014

http://scientia-magicam.forumsgratuits.com
Scientia Magicam a été remercié(e) par l'auteur de ce sujet.

Re: Problème Défilement Widget

Message par Scientia Magicam le Mer 21 Juin 2017 - 12:45

Up merci Laughing
avatar

Scientia Magicam
*

Messages : 40
Inscrit(e) le : 24/03/2014

http://scientia-magicam.forumsgratuits.com
Scientia Magicam a été remercié(e) par l'auteur de ce sujet.

Re: Problème Défilement Widget

Message par Scientia Magicam le Jeu 22 Juin 2017 - 11:02

Bonjour tout le monde Very Happy

Petit UP du jour Very Happy
avatar

Scientia Magicam
*

Messages : 40
Inscrit(e) le : 24/03/2014

http://scientia-magicam.forumsgratuits.com
Scientia Magicam a été remercié(e) par l'auteur de ce sujet.

Re: Problème Défilement Widget

Message par Scientia Magicam Hier à 18:29

Up merci cheers
avatar

Scientia Magicam
*

Messages : 40
Inscrit(e) le : 24/03/2014

http://scientia-magicam.forumsgratuits.com
Scientia Magicam a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum