La FA Toolbar ne s'affiche pas sur la page d'accueil

par sunshinette Ven 5 Fév 2021 - 19:43

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://lovemelikeyoudo.1fr1.net/

Description du problème

Bonjour,

J'ai un soucis avec la FA Toolbar qui ne s'affiche pas sur la page d'accueil. J'ai modifié la Toolbar de facon à ce qu'elle se fonde dans ma navbar ajouté en haut du forum pour rendu plus esthétique (https://lovemelikeyoudo.1fr1.net/). Le fond est passé transparent. Mais je ne pense pas que ce soit un problème de CSS.

Sur mon forum test cela fonctionne parfaitement bien https://lmlyd.forumactif.com/ (voici l'adresse du forum test), la Toolbar s'affiche sur toutes les pages. Seulement sur notre forum officiel, impossible d'afficher la Toolbar de FA sur la page d'accueil. Elle apparait bien sur toutes les autres pages sauf sur celle-ci.

J'ai exactement les mêmes JS, les mêmes pages HTML, les mêmes templates sur l'un côté comme de l'autre. Je ne comprends donc pas pourquoi il y a un problème d'affichage sur le forum officiel.

Je n'arrive pas à mettre la min sur mon problème, donc si jamais quelqu'un peut me donner un coup de main je suis preneuse !

Si ca peut aider voici le template overall_header :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head><link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Dancing+Script:700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Molle:400i&display=swap" rel="stylesheet"> <link href='http://fonts.googleapis.com/css?family=Romanesco' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Caesar+Dressing|Frijole|Six+Caps|Megrim|Quantico' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Pacifico|Quicksand|Julius+Sans+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky|Advent+Pro|Electrolize|Black+Ops+One|Codystar|Monofett|Londrina+Shadow&subset=latin,greek,latin-ext' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=IM+Fell+Double+Pica:400,400italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Pinyon+Script|Rochester' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Arizonia|Life+Savers|Vast+Shadow' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Aguafina+Script|Arizonia|Bad+Script|Courgette|Damion|Dr+Sugiyama|Engagement|Kristi|La+Belle+Aurore|Marck+Script|Mr+Dafoe|Mrs+Saint+Delafield|Niconne|Pinyon+Script|Romanesco|Yellowtail|Yesteryear" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:900|Roboto" rel="stylesheet"> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch( tickerDirParam ) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function() { var w_cont = $('#fa_ticker_container').width(); if (w_cont > 0) { $('#fa_ticker_container').width(w_cont); /* Affichage de la liste */ $('#fa_ticker_content').css('display','block'); /* Calcul des dimensions du conteneur et des elements */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso; /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); /* Redimensionnement des elements et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); /* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); } /* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script>  <script type="text/javascript">//<![CDATA[ $(document).ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if(report != null) { report.focus(); }   $(document).ready(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;   $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <div id="ongleton"> <div class="ongleton_contenu"> <center><span style="text-decoration: underline;">Bienvenue</span> <strong><span class="userName"></span></strong><br /><br /><span class="quest093">Les infos de LMLYD - 04/02 </span> </center><br /><img src="https://images2.imgbox.com/e2/d0/4TWRqd6V_o.png" /> <strong><span style="text-decoration: underline brown;">Sujet libre :</span></strong> : On sauve les baleines ! Viens donc participer juste <a href="https://lovemelikeyoudo.1fr1.net/t10037-nettoyage-des-plages-sauvons-les-baleines-19-02">ICI</a> <br/><br/> <img src="https://images2.imgbox.com/76/4c/ZD7TGB13_o.png" /> <strong><span style="text-decoration: underline brown;">Soirée CB</span></strong> : 06/02 à 20h30 (fr) / 14h30 (Mtl) - Venez fêter la St Valentin avec nous, vêtus de rose ou de rouge ! <br /><br/><img src="https://images2.imgbox.com/48/98/0b51cRTF_o.png" /> <strong><span style="text-decoration: underline brown;">Nouvel article de Nightmare</span></strong> : Les derniers ragots sont en ligne ! </div> <img id="ongleton_ouvrir" src="https://images2.imgbox.com/24/5a/56ppYMCa_o.png" /> <img id="ongleton_fermer" src="https://images2.imgbox.com/24/5a/56ppYMCa_o.png" style="display: none;" /> </div> <script type="text/javascript"> // </script>  <div id="hitskin_preview" style="display: block;"> <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" style="z-index: 10000 !important;"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div>  <a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr>  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a></td>  <td align="center" width="100%" valign="middle">  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a>  <div class="maintitle">{MAIN_SITENAME}</div> <span class="gen">{SITE_DESCRIPTION}  </span> </td>  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a></td>  </tr> </table> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap" rel="stylesheet"/> <div class="navbar_arte"> <div class="avatar_navbar js-avatar"></div> <div class="bloc_pseudo_search"> <span>Bienvenue, <span class="js-username"></span></span> <li> <form action="/search" method="get"> <input type="hidden" name="mode" value="searchbox"/> <input placeholder="Rechercher" type="text" name="search_keywords"/> <input type="hidden" name="tt" value="1"/> <input style="display:none" id="rposts" type="radio" name="show_results" value="posts"/> <input style="display:none" id="rtopics" type="radio" name="show_results" value="topics" checked="checked"/> <input type="submit" value="OK"/> </form> </li> </div> <div class="link_navbar"> {GENERATED_NAV_BAR} </div> </div> <div style="clear: both;"></div>  <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="ligneco"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </td> </tr> </table> </div>   <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="ligneco"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </td> </tr> </table> </div>  <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </td> <td valign="top" width="100%">  </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html>

Merci beaucoup pour celui ou celle qui m'aidera à résoudre mon soucis, je désespère de trouver la solution :'(

par Self Ven 5 Fév 2021 - 20:16

Bonsoir,

Je ne sais pas si c'est lié, mais la seule erreur présente sur la page d'accueil et pas les autres est lié à ce javacript :

Code:: $(function(){$.get($("#dernier_membre a[href^='/u']")[0].href,function(d){(a=$("#avatar_membre img",$(d))).length&&$("#avatar_dernier_membre").html(a)})});

Je ne le retrouve pas dans les sources de votre forum de test non plus.

par sunshinette Ven 5 Fév 2021 - 20:31

Merci c'était ça le soucis !!! Vraiment un grand merci !

Mon sujet est donc résolu Very Happy

La FA Toolbar ne s'affiche pas sur la page d'accueil