Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

2 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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

Résolu Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par NyxBanana Mar 18 Juin 2024 - 22:58

Détails techniques


Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Je ne serais pas dire, cela fait maintenant plus d'une mois qu'il a été constaté, une depuis qu'on essaye activement de le résoudre
Lien du forum : https://lucidaliahunters.forumactif.com

Description du problème

Bonjour, je vous contacte aujourd'hui car je rencontre un problème étrange sur certaines pages du forum sur lequel je travaille. Ce bug ne s'enclenche que lorsque j'ouvre certains sujets, et pas tous. A partir du moment où ce bug s'enclenche :

  • L'un des scripts mis en place, le script "Switcheroo" ne fonctionne plus.
  • Certains de nos scripts maison mis en place ne fonctionnent plus.
  • Certains scripts par défauts de forumactif (fonctionnement des spoilers, affichage de l'avatar a certains endroits (le plus dérangeant étant le side-menu lié au profil natif de AwesomeBB dont le bouton d'ouverture disparait simplement) ...) ne fonctionnent plus non plus.


Voici un exemple lorsque la navigation n'apparait plus correctement :
Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) FYUjXro
et sa console assortie :
Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) GtSZGhe

Ce a quoi cela ressemble sur le reste du forum quand le bug n'apparait pas :
Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) 9A7Qqgr

La seule trace visible de cette erreur en console est l'erreur "Uncaught Dimensions: jQuery collection is empty" émise par jqmodal.js

Après plusieurs tests il semble effectivement qu'il s'agisse d'une erreur de bibliothèque JQuery non reconnue. Nous avons donc tenté les actions suivantes :

  • Remplacer le CDN de Jquery dans le header de forum actif
  • Reload le CDN de Jquery dans le template de l'affichage d'un sujet
  • Désactiver nos scripts les uns après les autres jusqu'à tous les désactiver.


Aucune de ces solutions n'a marché (Importer un nouveau jquery en "plus" fait juste planter le forum).

Et malheureusement c'est bloquant, car même en désactivant tous les scripts que nous nous avons créés et ajoutés, le problème persiste sur des fonctionnements qui semblent internes à FA et sur lesquels nous n'avons pas la main.

Le plus étrange étant que cela se produit sur certains sujets mais pas d'autres, parfois avec les même compte qui postent des messages.

Un sujet sans bug : https://lucidaliahunters.forumactif.com/t43-description#80

Un sujet buggé : https://lucidaliahunters.forumactif.com/t18-poster-sa-fiche-de-presentation#54
NyxBanana

NyxBanana
**

Messages : 73
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par Toryudo Mer 19 Juin 2024 - 8:21

Bonjour !

Je pense qu'il y a plusieurs problèmes sur le forum, on va commencer par l'un de ceux qui peuvent provoquer les problèmes les plus "aléatoires", comprendre "des problèmes divers et variés parce que le navigateur, voyant un problème de structure, essaye de corriger comme il peut".

Si vous regardez votre Template overall_header, vous avez votre bibliothèque jQuery, puis les caractères "-->" :
Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) Image244

Vous pensez que c'est anodin, mais dans le <head>, si vous mettez des choses qui ne sont pas prévues, le navigateur ne comprend plus et se mélange les pinceaux. Si je regarde la structure dans l'inspecteur, voilà ce qu'il a par exemple fait :
Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) Image245

Dans le Template, le script est suivi d'un autre script, et la balise <body> est encore loin.
Mais à cause de ces "-->" placés ici, le navigateur ne comprend pas. Il ferme le </head> et ouvre le <body> immédiatement après le jQuery. Je suis incapable de vous dire comment il réagit ni ce que ça provoque (ça pourra même varier d'un navigateur à l'autre), donc tentez de corriger (supprimer ces "-->") ça en premier, ça pourrait aider.

Deuxième petite chose en passant, je vois que le switcheroo__squircle cherche l'élement #header-user sur votre page, mais vous l'avez supprimé de votre Template overall_header. Je vous conseille de le remettre, et plutôt de le masquer via du CSS si vous ne voulez pas le voir apparaitre ; au moins, il sera là pour les scripts qui ont besoin de lui !
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1569
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par NyxBanana Mer 19 Juin 2024 - 12:45

Bonjour !

Merci pour la rapidité de votre réponse. Je vais contacter le développeur du plugin Switcheroo pour voir avec lui ce qui est sensé être #header-user . Le plugin n'a pas été prévu avec AwesomeBB en tête et j'ai déjà du utiliser quelques méthodes de contournement pour arriver à le faire fonctionner dans un premier temps. Quelque chose a simplement du m'échapper.

J'ai bien retiré la fin de commentaire qui a du être oublié par la personne qui s'occupe du JS sur ce forum pendant qu'il tentait de comprendre d'où venait le problème. Cela n'a rien changé au soucis. Je vous laisse mon overall_header ci dessous ;

Code:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
    <meta charset="{S_CONTENT_ENCODING}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />

    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->

    {META_FAVICO}
    {META}
    {META_FB_LIKE}

    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

    {T_HEAD_STYLESHEET}
    {CSS}

    <meta name="theme-color" content="{GG_THEME_COLOR}" />

    <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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->

    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

    <!-- BEGIN switch_fb_login -->
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

    <!-- BEGIN switch_ticker -->
    <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>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker -->
    <script type="text/javascript">
        //<![CDATA[
        $(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},
                max_height: {switch_ticker.HEIGHT},
            });
        });
        //]]>
    </script>
    <!-- END switch_ticker -->
    <script type="text/javascript">
        $(document).scroll(function() {
            var y = $(this).scrollTop();
            if (y > 164) {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0){
                    $('.btn-fixed').addClass('btn-scrolled');
                }
            } else {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0) {
                    $('.btn-fixed').removeClass('btn-scrolled');
                }
            }
        });
    </script>
    <!-- BEGIN switch_report_popup -->
    <script type="text/javascript">
        //<![CDATA[
        $(document).ready(function () {
            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();
            }
        });//]]>
    </script>
    <!-- END switch_report_popup -->
    <!-- BEGIN switch_enable_pm_popup -->
    <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();
            }
        });
        //]]>
    </script>
    <!-- END switch_enable_pm_popup -->
    <!-- BEGIN switch_login_popup -->
    <script type="text/javascript">
        //<![CDATA[
    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>
    <!-- END switch_login_popup -->

    {RICH_SNIPPET_GOOGLE}
    {HOSTING_JS}

    <!-- BEGIN google_analytics_code -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- BEGIN google_analytics_code_bis -->
        gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- END google_analytics_code_bis -->
    </script>
    <!-- END google_analytics_code -->

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    <style>
        #logo-text {
            max-width: calc(100% - 150px);
        }

        .forum-description img {
            max-width: calc(100% - 15px);
        }
    </style>


   


    <!--CUSTOM LINKS FOR LUCIDALIA HUNTERS-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

    <link rel="stylesheet" type="text/css" href="https://enjoyyourcrime.ovh/lucidalia/font/stylesheet.css">
    <link href="https://enjoyyourcrime.ovh/lucidalia/main.css" rel="stylesheet">
    <link href="https://enjoyyourcrime.ovh/lucidalia/switcheroo.css" rel="stylesheet">



</head>

<body id="top">
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="login_popup_content">
        <div id="login_popup_message">
            {LOGIN_POPUP_MSG}
        </div>
        <br />
        <div id="login_popup_buttons">
            <!-- BEGIN switch_quick_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_quick_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_quick_connect -->
                    &nbsp;
                    <!-- BEGIN topicit_quick_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_quick_connect -->
                </div>
            </div>
            <br/>
            <!-- END switch_quick_login -->
            <form action="{S_LOGIN_ACTION}" method="get">
                <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
                <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
            </form>
        </div>
    </div>
</div>
<!-- END switch_login_popup -->

{GREETING_POPUP}

<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" class="block-subtle" style="z-index: 10000 !important;">
    <div class="headline">
        {inactive_users_modal.L_MODAL_TITLE}
        <button title="{inactive_users_modal.L_CLOSE}" id="inactive_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="inactive_popup_message">
        {inactive_users_modal.L_MODAL_BODY}
    </div>
    <br />
    <div id="inactive_popup_buttons">
        <button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button>
    </div>
</div>
<script type="text/javascript">
    $('#inactive_popup #inactive_popup_close').on('mouseup', function () {
        document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
        $('#inactive_popup').hide(50);
    });
    $('#inactive_popup #inactive_popup_url').on('mouseup', function () {
        document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
        location.href = '{inactive_users_modal.U_MODAL}'
    })
</script>
<!-- END inactive_users_modal -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LIKE_CLOSE}" id="like_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="like_popup_message">
        {LIKE_POPUP_MSG}
    </div>
    <br />
    <div id="like_popup_buttons">
        <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
            <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
        </form>
    </div>
</div>
<!-- END switch_like_popup -->
<header>
    <div id="lucidalia__navbar">
        <div id="main-menu-btn">
            <i class="material-icons">menu</i>
        </div>
        <div class="lucidalia__navbar">
            <ul class="lucidalia__navbar__main">
                <li>
                    <a href="https://lucidaliahunters.forumactif.com/" class="lucidalia__navbar__home">
                        <span class="material-icons">home</span>
                    </a>
                </li>
                <li>
                    <a href="#header-banner" class="lucidalia__navbar__up">
                        <span class="material-icons">north</span>
                    </a>
                </li>
                <li>
                    <a href="https://discord.gg/CnydfBCBxm" target="_blank" class="lucidalia__navbar__discord">
                        <svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13.5535 1.03729C12.5178 0.552705 11.4104 0.200531 10.2526 0C10.1104 0.257074 9.94429 0.602844 9.82976 0.877902C8.599 0.692812 7.37956 0.692812 6.17144 0.877902C6.05693 0.602844 5.88704 0.257074 5.74357 0C4.58454 0.200531 3.47584 0.553999 2.44013 1.03985C0.351095 4.19666 -0.215207 7.27505 0.0679444 10.3097C1.4535 11.3444 2.79627 11.973 4.11638 12.3843C4.44233 11.9357 4.73302 11.4588 4.98345 10.9563C4.5065 10.775 4.04969 10.5514 3.61805 10.2917C3.73256 10.2069 3.84457 10.1182 3.95279 10.027C6.58546 11.2583 9.44593 11.2583 12.0472 10.027C12.1566 10.1182 12.2686 10.2069 12.3819 10.2917C11.949 10.5527 11.4909 10.7763 11.014 10.9576C11.2644 11.4588 11.5538 11.937 11.881 12.3856C13.2024 11.9743 14.5464 11.3457 15.932 10.3097C16.2642 6.79176 15.3644 3.74164 13.5535 1.03729ZM5.34212 8.44343C4.55181 8.44343 3.9037 7.70563 3.9037 6.80718C3.9037 5.90873 4.53797 5.16966 5.34212 5.16966C6.14628 5.16966 6.79437 5.90743 6.78053 6.80718C6.78178 7.70563 6.14628 8.44343 5.34212 8.44343ZM10.6578 8.44343C9.86752 8.44343 9.21941 7.70563 9.21941 6.80718C9.21941 5.90873 9.85366 5.16966 10.6578 5.16966C11.462 5.16966 12.1101 5.90743 12.0962 6.80718C12.0962 7.70563 11.462 8.44343 10.6578 8.44343Z" fill="#989A8F"/>
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="/h2-guidebook" target="_blank" class="lucidalia__navbar__discord">
                        <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                            <path d="m983.293 595.587-67.594-22.31 1.59 1.665-373.85 135.67-357.88-378.335-87.856-28.998c-44.338 31.378-49.323 120.78-19.51 151.87l441.773 454.078 467.257-167.304c-42.553-23.26-77.1-89.476-3.93-146.337zm-488.137 122.533-368.136-381.698h11.02l366.51 374.19-9.393 7.508zm28.146 177.47s-50.93-59.504 15.072-138.695l400.04-144.866s-46.002 78.993 7.83 125.648zm-337.744-563.314-12.216-12.914 372.938-132.43 369.42 386.342 67.592 22.31c-.33.256-.64.514-.967.77l7.884-2.813-435.942-452-454.797 162.316 86.088 28.416z" fill="#989A8F"/>
                        </svg>
                    </a>
                </li>
            </ul>
        </div>
        <div class="lucidalia__navbar__separator"></div>

        <nav id="switcheroo" class="switcheroo" theme="discord" direction="horizontal" position="top"></nav>
        <script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/monomer.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/switcheroo.js"></script>
      <script>
            (function() {
                new Switcheroo('#switcheroo', {
                    enableReorder: true,
                    updateAvatar: true,
                    confirm: false,
                },
                {
                    button: {
                        add: "Ajouter un personnage",
                    },
                    msg: {
                        error: "Une erreur est surviendu lors du Switcheroo.",
                        confirm: "Confirmer le Switcheroo de personnage ?",
                    },
                    modal: {
                        password_label: "Password",
                        username_label: "Username",
                        login_button: "Connexion",
                    }
                });
          })();
        </script>
     
   
    </div>
    <!-- BEGIN switch_user_logged_out -->
    <div class="lucidalia__navbar__unlogged">
        <a href="{U_REGISTER}" class="button">{L_REGISTER}</a>
        <a href="{S_LOGIN_ACTION}" class="button">{L_LOGIN}</a>
    </div>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <div class="lucidalia__navbar__logged">
        <a href="javascript:void(0)" id="header-user"></a>
        <a href="javascript:void(0)" id="header-notif"><i class="material-icons">notifications</i></a>
    </div>
    <!-- END switch_user_logged_in -->
</header>

<div id="main-menu" class="hidden">
    <ul>
        <li class="main__menu__divider">
            <a href="/">
                <i class="material-icons">home</i>
                <p>Accueil</p>
            </a>
        </li>
        <li>
            <a href="/search">
                <i class="material-icons">search</i>
                <p>Rechercher</p>
            </a>
        </li>
        <li>
            <a href="/memberlist">
                <i class="material-icons">group</i>
                <p>Membres</p>
            </a>
        </li>
        <li>
            <a href="/h2-guidebook">
                <i class="material-icons">
                    <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                        <path d="m983.293 595.587-67.594-22.31 1.59 1.665-373.85 135.67-357.88-378.335-87.856-28.998c-44.338 31.378-49.323 120.78-19.51 151.87l441.773 454.078 467.257-167.304c-42.553-23.26-77.1-89.476-3.93-146.337zm-488.137 122.533-368.136-381.698h11.02l366.51 374.19-9.393 7.508zm28.146 177.47s-50.93-59.504 15.072-138.695l400.04-144.866s-46.002 78.993 7.83 125.648zm-337.744-563.314-12.216-12.914 372.938-132.43 369.42 386.342 67.592 22.31c-.33.256-.64.514-.967.77l7.884-2.813-435.942-452-454.797 162.316 86.088 28.416z" fill="#989A8F"/>
                    </svg>
                </i>
                <p>Guidebook</p>
            </a>
        </li>
        <li>
            <a href="/h4-bestiaire">
                <i class="material-icons">
                    <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                        <path d="M861.56 430.224l-122.43 48.23 28.676-83.044-44.43 23.195c-23.37-131.732-40.578-263.462-31.184-395.194-48.714 66.077-90.994 147.337-121.017 229.34H414.002c-36.96-86.107-85.035-161.38-132.945-236.817 8.384 141.578 3.393 273.88-7.277 404.126l-47.214-24.65 28.677 83.045-122.43-48.23 105.84 107.99-82.38 5.575c61 39.08 136.87 64.69 181.13 118.94 55.487 79.19 86.384 158.987 89.35 310.662 45.448 21.237 101.987 20.09 142.948 0 9.71-155.284 29.924-225.237 85.158-308.02 43.925-56.074 121.258-81.875 183.24-121.582l-82.378-5.576 105.84-107.99zM430.833 692.267c5.526-80.8-30.25-127.537-103.638-144.757 32.8-38.122 69.288-33.633 105.47 3.947v.002c35.977 37.367 29.375 95.163-1.833 140.807zm134.876 0c-29.368-45.646-33.644-103.44 3.84-140.808l.002-.003c35.947-35.832 70.945-41.55 101.227-8.962l-1.39 6.455c-70.246 18.29-105.894 64.656-103.682 143.317z" fill="#989A8F"/>
                    </svg>
                </i>
                <p>Bestiaire</p>
            </a>
        </li>
        <li>
            <a href="/h3-encyclopedie">
                <i class="material-icons">
                    <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                        <path d="M672.715 242.25l-34.71 21.518-20.42 133.112-.016.058 76.538-118.148zM549.627 417.422L392.49 365.47 348.9 392.375l28.712 34.555zM413.303 156.3c6.376-3.557 11.735-8.612 15.47-15.082 12.943-22.423 1.545-53.24-25.458-68.834s-59.387-10.058-72.33 12.365c-3.735 6.47-5.432 13.642-5.322 20.943-92.55-41.49-193.1-51.13-273.81-11.837 210.07 60.42 384.173 169.774 535.877 309.567-21.267-97.482-89.055-185.765-174.427-247.125zm-136.935 49.023L51.618 594.82c16.67 27.434 41.198 49.68 82.955 47.927l224.75-389.498c-25.55-18.36-53.326-34.192-82.955-47.927zm532.934 181.66L447.705 498.62 363.2 664.084l432.35 313.984 176.83-502.062z" fill="#989A8F"/>
                    </svg>
                </i>
                <p>Encyclopédie</p>
            </a>
        </li>
    </ul>
</div>

<div id="main-user-menu" class="hidden">
</div>

<div id="notif-menu" class="hidden">
    <div class="main-menu-headline" data-text="_lang['Notifications']"></div>
    <ul id="notif_list">
        <li id="notif-view-all"><a href="/profile?mode=editprofile&page_profil=notifications" data-text="_lang['Notif_see_all']"></a></li>
    </ul>
</div>
<div id="live_notif">
</div>
<div style="display: none;">{GENERATED_NAV_BAR}</div>

<div id="header-banner">
    <div class="heroimage">
        <div class="heroimage__container">
            <div class="heroimage__logo">
                <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_184_32)">
                <path d="M14.8659 54.4317L10.4647 55.5823L11.6152 51.1849C13.0991 45.5112 17.2813 40.9767 22.733 39.007C15.9859 41.0605 10.759 46.4732 8.96554 53.3336L7.64355 58.3881L12.7019 57.0652C19.4319 55.3051 24.7674 50.241 26.9047 43.6797C24.8693 48.9524 20.4119 52.9812 14.8659 54.4317Z" fill="#989A8F"/>
                <path d="M51.1716 54.4317L55.5728 55.5823L54.4223 51.1849C52.9384 45.5112 48.7562 40.9767 43.3045 39.007C50.0515 41.0605 55.2785 46.4732 57.0719 53.3336L58.3939 58.3881L53.3355 57.0652C46.6056 55.3051 41.2701 50.241 39.1328 43.6797C41.1682 48.9524 45.6256 52.9812 51.1716 54.4317Z" fill="#989A8F"/>
                <path d="M14.8551 11.5683L10.4539 10.4177L11.6045 14.8151C13.0884 20.4888 17.2705 25.0233 22.7223 26.993C15.9752 24.9395 10.7482 19.5268 8.95479 12.6664L7.63281 7.61186L12.6912 8.9348C19.4211 10.6949 24.7567 15.759 26.8939 22.3203C24.8586 17.0476 20.4012 13.0188 14.8551 11.5683Z" fill="#989A8F"/>
                <path d="M51.1609 11.5683L55.5621 10.4177L54.4115 14.8151C52.9276 20.4888 48.7455 25.0233 43.2937 26.993C50.0408 24.9395 55.2678 19.5268 57.0612 12.6664L58.3832 7.61186L53.3248 8.9348C46.5949 10.6949 41.2593 15.759 39.1221 22.3203C41.1574 17.0476 45.6148 13.0188 51.1609 11.5683Z" fill="#989A8F"/>
                <path d="M35.0814 28.495L35.6472 27.5292C39.3664 21.1755 39.3664 13.3093 35.6472 6.95659L33.008 2.44775L30.3669 6.9604C26.6485 13.3122 26.6485 21.1755 30.3669 27.5273L30.9364 28.5007C32.2479 27.8949 33.7699 27.894 35.0824 28.4959L35.0814 28.495Z" fill="#948161"/>
                <path d="M30.9354 37.5003L30.3659 38.4736C26.6476 44.8254 26.6476 52.6888 30.3659 59.0405L33.007 63.5532L35.6462 59.0444C39.3654 52.6907 39.3654 44.8245 35.6462 38.4717L35.0804 37.506C33.768 38.1079 32.246 38.107 30.9345 37.5012L30.9354 37.5003Z" fill="#948161"/>
                <path d="M28.511 30.9265L27.5424 30.3599C21.1887 26.6406 13.3225 26.6406 6.96977 30.3599L2.46094 32.999L6.97358 35.6402C13.3254 39.3585 21.1887 39.3585 27.5405 35.6402L28.511 35.0716C27.9072 33.7591 27.9072 32.2381 28.511 30.9256V30.9265Z" fill="#948161"/>
                <path d="M59.0569 30.3599C52.7032 26.6406 44.837 26.6406 38.4843 30.3599L37.5156 30.9265C38.1195 32.239 38.1195 33.76 37.5156 35.0725L38.4862 35.6411C44.8379 39.3594 52.7013 39.3594 59.0531 35.6411L63.5657 33L59.0569 30.3608V30.3599Z" fill="#948161"/>
                <path d="M33.0129 35.382C34.3285 35.382 35.3949 34.3156 35.3949 33C35.3949 31.6844 34.3285 30.618 33.0129 30.618C31.6973 30.618 30.6309 31.6844 30.6309 33C30.6309 34.3156 31.6973 35.382 33.0129 35.382Z" fill="#948161"/>
                <path d="M38.6807 5.6908L41.4913 11.0635L46.8307 8.27L44.8953 0L38.6807 5.6908Z" fill="#948161"/>
                <path d="M27.3463 5.6908L24.5356 11.0635L19.1963 8.27L21.1316 0L27.3463 5.6908Z" fill="#948161"/>
                <path d="M38.668 60.3101L41.4777 54.9374L46.817 57.73L44.8817 66L38.668 60.3101Z" fill="#948161"/>
                <path d="M27.3326 60.3101L24.522 54.9374L19.1836 57.73L21.118 66L27.3326 60.3101Z" fill="#948161"/>
                <path d="M5.6908 27.3263L11.0635 24.5157L8.27 19.1773L0 21.1117L5.6908 27.3263Z" fill="#948161"/>
                <path d="M5.6908 38.6613L11.0635 41.471L8.27 46.8103L0 44.875L5.6908 38.6613Z" fill="#948161"/>
                <path d="M60.3102 27.3397L54.9375 24.529L57.73 19.1897L66 21.125L60.3102 27.3397Z" fill="#948161"/>
                <path d="M60.3102 38.6746L54.9375 41.4843L57.73 46.8236L66 44.8883L60.3102 38.6746Z" fill="#948161"/>
                </g>
                <defs>
                <clipPath id="clip0_184_32">
                <rect width="66" height="66" fill="white"/>
                </clipPath>
                </defs>
                </svg>
            </div>
            <div class="heroimage__txt">
                <h1>Lucidalia Hunters</h1>
                <p>
                    Nous nous trouvons dans un monde au plus proche du désespoir, mêlant Corruption et affrontements contre des monstres de toutes les formes. Après l’apparition de la Désolation, un monstre gargantuesque détruisant tout sur son passage, l’Empire de Concordia a dû subir un exode maritime, s’échouant sur un continent inconnu, habité de créatures en tout genre. Il s’agit de l’An 0.
                </p>

                <p>
                    Dans ce contexte apocalyptique, de nombreuses ressources de l’Empire ont été perdues, amenant la population au maigre nombre de 150.000 habitants. Forts de caractère, les rescapés ne se contentent pas simplement de survivre, mais prennent leur place sur ce nouveau continent : la ville de Lucidalia dissipera la Corruption.
                </p>

                <p>
                    Aujourd’hui en l’An 54, les humains sont installés dans la ville, qui survit comme elle peut malgré l’hostilité des environnements alentours. Qu’il s’agisse de chasse, de sciences ou de récolte, chaque pan de la société lutte pour la même chose : la survie de l’Humanité. Vous participerez à celle-ci, dans un contexte post-apocalyptique victorien dans lequel chacun a un rôle à jouer !
                </p>
            </div>
            <img src="https://enjoyyourcrime.ovh/lucidalia/img/heroimage.webp" class="heroimage__img">
            <div class="heroimage__deco">
                <ul>
                    <li class="heroimage__line--top"></li>
                    <li class="heroimage__grp1">
                        <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M0 34.7851L1.20908 33.576L4.42516 36.7921L3.21608 38.0012L0 34.7851ZM16.814 24.6816C16.814 22.7502 15.2472 21.1834 13.3157 21.1834C11.3842 21.1834 9.81751 22.7501 9.81751 24.6816C9.81751 26.613 11.3835 28.179 13.3158 28.1798C15.2481 28.1807 16.8149 26.6139 16.814 24.6816H16.814ZM9.83391 25.016L9.80174 24.9839L3.18046 31.6051L6.39658 34.8213L13.0179 28.1999L12.9813 28.1633C11.3161 28.0046 9.99182 26.6804 9.83387 25.016H9.83391ZM9.81751 24.6816C9.81751 22.8701 11.1957 21.3796 12.9602 21.2013C11.1001 19.0868 9.44878 16.7874 8.0302 14.3302L3.58903 18.7712L9.83379 25.0159C9.82336 24.9059 9.81747 24.7944 9.81747 24.6816L9.81751 24.6816ZM16.7962 25.0383C16.6182 26.8031 15.1278 28.1807 13.3158 28.1798C13.2029 28.1798 13.0914 28.1739 12.9812 28.1634L19.2331 34.4153L23.6741 29.9743C21.2036 28.5476 18.9037 26.8931 16.7962 25.0383L16.7962 25.0383ZM31.3702 1.18177L14.5319 18.0201C14.792 18.4031 14.959 18.8723 14.959 19.3662C14.959 20.1318 14.5932 20.8167 14.0285 21.2563C15.4102 21.5425 16.4932 22.6444 16.7534 24.0354C17.1918 23.4532 17.8879 23.0745 18.6672 23.0745C19.1611 23.0745 19.603 23.2142 19.9799 23.4681L36.8181 6.63L38 0L31.3702 1.18177ZM0.578587 32.9453L5.05841 37.4251L7.02934 35.4541L2.54952 30.9742L0.578587 32.9453Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__grp2">
                        <svg width="38" height="44" viewBox="0 0 38 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M35.093 13.0789L36.6913 13.4465C37.6593 9.23278 38.0918 4.9789 37.9838 0.736705L27.4283 0.736797V2.30913H23.0107V0H15.2883V2.30913H10.8947V0.736889L0.0162957 0.736797C-0.0929261 4.97617 0.347887 9.23559 1.30881 13.4466L2.90746 13.0825C3.29309 14.8961 3.78955 16.702 4.39468 18.4952L0.628954 19.0632L6.4474 31.3259L9.21328 28.845C10.1412 30.3901 11.1562 31.9171 12.2603 33.4216L15.5265 31.0032L10.949 34.396C13.2703 37.6581 15.9649 40.8229 19.0272 43.8746C22.08 40.821 24.7303 37.6655 27.0514 34.396L25.7308 33.4212C26.8396 31.9072 27.8595 30.3701 28.7919 28.8144L31.5918 31.3259L37.4102 19.063L33.6002 18.4886C34.2069 16.6965 34.7053 14.8916 35.0931 13.0789H35.093ZM11.3144 10.479H26.7295C26.8848 16.9723 24.2857 22.702 19.022 28.3023C13.7272 22.6904 11.1573 16.9679 11.3144 10.479H11.3144ZM22.5274 31.057L22.5275 31.0571C21.4468 32.3863 20.2971 33.6641 19.0272 34.9346L19.0271 34.9345C20.2972 33.6641 21.4468 32.3864 22.5274 31.0571L22.5274 31.057Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__grp3">
                        <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M38 8.34541C33.6804 -2.56402 19.317 -0.829365 5.77708 2.67221V2.67233C5.49476 5.44448 5.95784 8.27827 6.91797 11.1533C13.145 4.11176 30.4294 1.57952 38 8.34529L38 8.34541ZM3.74805 2.93176V2.93225L0.678382 3.71093C1.13743 10.0585 2.99931 14.4807 5.59408 17.9035C4.24872 18.7449 2.28365 19.5025 0 20.0855C0.460755 20.622 1.15739 21.4004 2.48164 21.5916C4.50228 21.2394 5.7277 20.3731 6.85332 19.4289C13.0549 26.3565 22.3283 29.1055 27.4458 37.669L31.4654 37.6584C22.0774 20.3299 4.99697 27.6091 3.74801 2.9318L3.74805 2.93176Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__grp4">
                        <svg width="38" height="39" viewBox="0 0 38 39" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M25.9946 1.57585C24.0761 0.978731 21.4761 1.25435 20.6271 3.13548C19.3946 1.49681 16.8672 2.03731 16.2915 3.90931C15.7159 5.78107 17.3491 7.79571 19.8014 7.72317C19.5596 10.3924 23.2815 12.0191 26.2241 10.7969C26.1869 12.3135 26.8772 14.0846 28.6097 14.3294C28.1074 15.7521 28.8537 17.6324 30.8576 17.6324C33.3298 17.6324 33.8445 14.7797 32.5091 13.4577C33.2533 12.6414 33.5172 11.4809 33.3809 10.384C34.7386 11.3346 36.098 9.87161 36.0334 8.80642C35.9143 6.84496 34.4336 5.98104 33.3808 6.89768C32.6896 4.72843 30.4553 4.38341 29.2519 5.6132C29.3579 5.02985 29.2677 4.58381 28.8392 4.09921C30.615 3.65143 30.3249 1.13786 29.2069 0.41478C27.8398 -0.469209 26.4215 0.125546 25.9949 1.57589H25.9946L25.9946 1.57585ZM33.1483 23.1467C30.3555 23.1467 30.3777 18.9175 33.1483 18.9175C35.9189 18.9175 35.9411 23.1467 33.1483 23.1467ZM36.6573 14.8825C34.8598 14.8825 34.8741 12.1604 36.6573 12.1604C38.4404 12.1604 38.4548 14.8825 36.6573 14.8825ZM33.3125 3.1256C31.515 3.1256 31.5294 0.403489 33.3125 0.403489C35.0956 0.403489 35.11 3.1256 33.3125 3.1256ZM13.1895 7.13038C11.3921 7.13038 11.4064 4.40831 13.1895 4.40831C14.9727 4.40831 14.9871 7.13042 13.1895 7.13042V7.13038ZM17.9686 10.4775V10.4777L13.6566 17.9464L1.75855 24.7376C-0.300862 25.9263 -0.65135 28.2295 1.24055 30.2399C4.90267 34.1317 9.43124 36.5223 14.5358 37.916C17.2578 38.6587 18.9354 37.4801 18.9354 34.8111L18.9519 21.0558L23.2865 13.548L17.9686 10.4775ZM13.8369 34.7101C9.85037 33.3485 0.866381 28.4084 4.31366 26.4181L15.0361 20.2078L13.837 34.7101H13.8369Z" fill="#989A8F"/>
                        </svg> 
                    </li>
                    <li class="heroimage__grp5">
                        <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M38.6227 4.09601e-05C30.8368 0.286223 24.5215 1.96999 19.6946 4.56702L17.284 8.59774L16.8773 6.30034C16.0156 6.90573 15.2171 7.54539 14.4809 8.21476L13.2777 11.9035L12.865 9.84206C9.29293 13.8401 7.69502 18.6754 8.09849 23.6177H2.06319V27.6352H5.36667L1.82201 30.7473L0 37.7014L1.18997 39H15.6917L16.8817 37.7014L15.0596 30.7473L11.7049 27.6352H14.5974V23.6177H9.27982C11.373 22.5332 13.4055 21.0327 15.4179 19.2986L12.9758 19.4258L12.9983 19.4008L17.3828 17.5342C21.2155 13.9646 25.0255 9.7646 29.1014 6.22329L27.0966 5.79883L31.7325 4.07216C33.9263 2.39941 36.209 0.980222 38.6225 0L38.6227 4.09601e-05Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__line--bottom"></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="wrap">

    <!-- BEGIN switch_ticker -->
    <div id="fa_ticker_block">
        <div class="module">
            <div class="inner">
                <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                            <!-- BEGIN ticker_row -->
                            <div>{switch_ticker.ticker_row.ELEMENT}</div>
                            <!-- END ticker_row -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END switch_ticker -->

    <!-- BEGIN html_validation -->
</div><!-- <div id="wrap" /> -->
</body>
</html>
<!-- END html_validation -->
NyxBanana

NyxBanana
**

Messages : 73
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par Toryudo Mer 19 Juin 2024 - 13:25

Je viens de remarquer que le #header-user n'apparait qu'à partir du moment où on est connecté, ça doit être pour ça que je ne le vois pas en tant qu'invité ; il est bien dans votre Template, donc le script doit continuer un peu plus loin de votre côté.

Est-ce que vous auriez un compte de test ?
En tant qu'invité, je pense qu'on ne peut pas voir l'anomalie, elle ne se produit pas.
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1569
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par NyxBanana Mer 19 Juin 2024 - 15:00

Bonjour !

Vous pouvez vous connecter avec
NyxBanana

NyxBanana
**

Messages : 73
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par Toryudo Jeu 20 Juin 2024 - 8:54

Bonjour !

Pour l'instant, je n'arrive pas à rencontrer le problème, ni en visitant les deux liens mentionnés, ni en visitant plein d'autres pages du forum. Si vous naviguez avec le navigateur Edge ou avec Firefox, est-ce que vous voyez le problème à tous les coups également ?
Au cas où, est-ce que vous utilisez des extensions ou un VPN ? Si vous les désactivez temporairement, est-ce que ça change quelque chose ?
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1569
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par NyxBanana Jeu 20 Juin 2024 - 14:28

Bonjour !

Je viens de me concerté avec le staff et, visiblement, le soucis concerne les membres étant dans le groupe administrateur. Cela rend, du coup, le soucis plus mineur que je ne le pensais mais cela rend toute tentative de debugging un peu délicate.
NyxBanana

NyxBanana
**

Messages : 73
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par Toryudo Ven 21 Juin 2024 - 7:59

Bonjour !

Après vérifications en tout genre sur mon forum de test, je pense avoir trouvé une ligne qui pose problème (dans le js https://illiweb.com/rs3/86/frm/awesome/main.js):
Code:
        header_elements_width = $('#logo-link').outerWidth(true) + $('#main-menu-btn').outerWidth(true) + $('#header-user').outerWidth(true) + $('#search-main').outerWidth(true)

Le script chercherait la taille de certains éléments, et deux d'entres eux ne sont plus sur votre Template overall_header : #logo-link et #search-main. Pouvez-vous essayer de les remettre (en les masquant avec du CSS si nécessaire) et regarder si le votre problème apparait toujours ?
Voilà votre Template avec les éléments en question ajoutés :
Code:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
    <meta charset="{S_CONTENT_ENCODING}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />

    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->

    {META_FAVICO}
    {META}
    {META_FB_LIKE}

    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

    {T_HEAD_STYLESHEET}
    {CSS}

    <meta name="theme-color" content="{GG_THEME_COLOR}" />

    <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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->

    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

    <!-- BEGIN switch_fb_login -->
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

    <!-- BEGIN switch_ticker -->
    <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>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker -->
    <script type="text/javascript">
        //<![CDATA[
        $(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},
                max_height: {switch_ticker.HEIGHT},
            });
        });
        //]]>
    </script>
    <!-- END switch_ticker -->
    <script type="text/javascript">
        $(document).scroll(function() {
            var y = $(this).scrollTop();
            if (y > 164) {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0){
                    $('.btn-fixed').addClass('btn-scrolled');
                }
            } else {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0) {
                    $('.btn-fixed').removeClass('btn-scrolled');
                }
            }
        });
    </script>
    <!-- BEGIN switch_report_popup -->
    <script type="text/javascript">
        //<![CDATA[
        $(document).ready(function () {
            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();
            }
        });//]]>
    </script>
    <!-- END switch_report_popup -->
    <!-- BEGIN switch_enable_pm_popup -->
    <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();
            }
        });
        //]]>
    </script>
    <!-- END switch_enable_pm_popup -->
    <!-- BEGIN switch_login_popup -->
    <script type="text/javascript">
        //<![CDATA[
    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>
    <!-- END switch_login_popup -->

    {RICH_SNIPPET_GOOGLE}
    {HOSTING_JS}

    <!-- BEGIN google_analytics_code -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- BEGIN google_analytics_code_bis -->
        gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- END google_analytics_code_bis -->
    </script>
    <!-- END google_analytics_code -->

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    <style>
        #logo-text {
            max-width: calc(100% - 150px);
        }

        .forum-description img {
            max-width: calc(100% - 15px);
        }
    </style>


 


    <!--CUSTOM LINKS FOR LUCIDALIA HUNTERS-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

    <link rel="stylesheet" type="text/css" href="https://enjoyyourcrime.ovh/lucidalia/font/stylesheet.css">
    <link href="https://enjoyyourcrime.ovh/lucidalia/main.css" rel="stylesheet">
    <link href="https://enjoyyourcrime.ovh/lucidalia/switcheroo.css" rel="stylesheet">



</head>

<body id="top">
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="login_popup_content">
        <div id="login_popup_message">
            {LOGIN_POPUP_MSG}
        </div>
        <br />
        <div id="login_popup_buttons">
            <!-- BEGIN switch_quick_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_quick_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_quick_connect -->
                    &nbsp;
                    <!-- BEGIN topicit_quick_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_quick_connect -->
                </div>
            </div>
            <br/>
            <!-- END switch_quick_login -->
            <form action="{S_LOGIN_ACTION}" method="get">
                <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
                <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
            </form>
        </div>
    </div>
</div>
<!-- END switch_login_popup -->

{GREETING_POPUP}

<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" class="block-subtle" style="z-index: 10000 !important;">
    <div class="headline">
        {inactive_users_modal.L_MODAL_TITLE}
        <button title="{inactive_users_modal.L_CLOSE}" id="inactive_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="inactive_popup_message">
        {inactive_users_modal.L_MODAL_BODY}
    </div>
    <br />
    <div id="inactive_popup_buttons">
        <button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button>
    </div>
</div>
<script type="text/javascript">
    $('#inactive_popup #inactive_popup_close').on('mouseup', function () {
        document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
        $('#inactive_popup').hide(50);
    });
    $('#inactive_popup #inactive_popup_url').on('mouseup', function () {
        document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
        location.href = '{inactive_users_modal.U_MODAL}'
    })
</script>
<!-- END inactive_users_modal -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LIKE_CLOSE}" id="like_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="like_popup_message">
        {LIKE_POPUP_MSG}
    </div>
    <br />
    <div id="like_popup_buttons">
        <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
            <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
        </form>
    </div>
</div>
<!-- END switch_like_popup -->
<header>
    <div id="lucidalia__navbar">
        <div id="main-menu-btn">
            <i class="material-icons">menu</i>
        </div>
        <a id="logo-link" href="{U_INDEX}">
            <div id="logo">
                <!-- BEGIN switch_logo_mob -->
                <img src="{switch_logo_mob.LOGO_MOB}" alt="{L_INDEX}" loading="lazy" />
                <!-- END switch_logo_mob -->
            </div>
            <!-- BEGIN switch_h1 -->
            <span id="logo-text">{switch_h1.MAIN_SITENAME}</span>
            <!-- END switch_h1 -->
        </a>
        <div class="lucidalia__navbar">
            <ul class="lucidalia__navbar__main">
                <li>
                    <a href="https://lucidaliahunters.forumactif.com/" class="lucidalia__navbar__home">
                        <span class="material-icons">home</span>
                    </a>
                </li>
                <li>
                    <a href="#header-banner" class="lucidalia__navbar__up">
                        <span class="material-icons">north</span>
                    </a>
                </li>
                <li>
                    <a href="https://discord.gg/CnydfBCBxm" target="_blank" class="lucidalia__navbar__discord">
                        <svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13.5535 1.03729C12.5178 0.552705 11.4104 0.200531 10.2526 0C10.1104 0.257074 9.94429 0.602844 9.82976 0.877902C8.599 0.692812 7.37956 0.692812 6.17144 0.877902C6.05693 0.602844 5.88704 0.257074 5.74357 0C4.58454 0.200531 3.47584 0.553999 2.44013 1.03985C0.351095 4.19666 -0.215207 7.27505 0.0679444 10.3097C1.4535 11.3444 2.79627 11.973 4.11638 12.3843C4.44233 11.9357 4.73302 11.4588 4.98345 10.9563C4.5065 10.775 4.04969 10.5514 3.61805 10.2917C3.73256 10.2069 3.84457 10.1182 3.95279 10.027C6.58546 11.2583 9.44593 11.2583 12.0472 10.027C12.1566 10.1182 12.2686 10.2069 12.3819 10.2917C11.949 10.5527 11.4909 10.7763 11.014 10.9576C11.2644 11.4588 11.5538 11.937 11.881 12.3856C13.2024 11.9743 14.5464 11.3457 15.932 10.3097C16.2642 6.79176 15.3644 3.74164 13.5535 1.03729ZM5.34212 8.44343C4.55181 8.44343 3.9037 7.70563 3.9037 6.80718C3.9037 5.90873 4.53797 5.16966 5.34212 5.16966C6.14628 5.16966 6.79437 5.90743 6.78053 6.80718C6.78178 7.70563 6.14628 8.44343 5.34212 8.44343ZM10.6578 8.44343C9.86752 8.44343 9.21941 7.70563 9.21941 6.80718C9.21941 5.90873 9.85366 5.16966 10.6578 5.16966C11.462 5.16966 12.1101 5.90743 12.0962 6.80718C12.0962 7.70563 11.462 8.44343 10.6578 8.44343Z" fill="#989A8F"/>
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="/h2-guidebook" target="_blank" class="lucidalia__navbar__discord">
                        <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                            <path d="m983.293 595.587-67.594-22.31 1.59 1.665-373.85 135.67-357.88-378.335-87.856-28.998c-44.338 31.378-49.323 120.78-19.51 151.87l441.773 454.078 467.257-167.304c-42.553-23.26-77.1-89.476-3.93-146.337zm-488.137 122.533-368.136-381.698h11.02l366.51 374.19-9.393 7.508zm28.146 177.47s-50.93-59.504 15.072-138.695l400.04-144.866s-46.002 78.993 7.83 125.648zm-337.744-563.314-12.216-12.914 372.938-132.43 369.42 386.342 67.592 22.31c-.33.256-.64.514-.967.77l7.884-2.813-435.942-452-454.797 162.316 86.088 28.416z" fill="#989A8F"/>
                        </svg>
                    </a>
                </li>
            </ul>
        </div>
        <div class="lucidalia__navbar__separator"></div>

        <nav id="switcheroo" class="switcheroo" theme="discord" direction="horizontal" position="top"></nav>
        <script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/monomer.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/switcheroo.js"></script>
      <script>
            (function() {
                new Switcheroo('#switcheroo', {
                    enableReorder: true,
                    updateAvatar: true,
                    confirm: false,
                },
                {
                    button: {
                        add: "Ajouter un personnage",
                    },
                    msg: {
                        error: "Une erreur est surviendu lors du Switcheroo.",
                        confirm: "Confirmer le Switcheroo de personnage ?",
                    },
                    modal: {
                        password_label: "Password",
                        username_label: "Username",
                        login_button: "Connexion",
                    }
                });
          })();
        </script>
   
 
    </div>
    <!-- BEGIN switch_user_logged_out -->
    <div class="lucidalia__navbar__unlogged">
        <a href="{U_REGISTER}" class="button">{L_REGISTER}</a>
        <a href="{S_LOGIN_ACTION}" class="button">{L_LOGIN}</a>
    </div>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <div class="lucidalia__navbar__logged">
        <a href="javascript:void(0)" id="header-user"></a>
        <a href="javascript:void(0)" id="header-notif"><i class="material-icons">notifications</i></a>
    </div>
    <!-- END switch_user_logged_in -->
    <form method="get" action="{ACTION_SEARCH}" id="search-main">
        <input type="text" name="search_keywords" maxlength="128" placeholder="{L_SEARCH}" />
        <button type="submit"><i class="material-icons">search</i></button>
    </form>
</header>

<div id="main-menu" class="hidden">
    <ul>
        <li class="main__menu__divider">
            <a href="/">
                <i class="material-icons">home</i>
                <p>Accueil</p>
            </a>
        </li>
        <li>
            <a href="/search">
                <i class="material-icons">search</i>
                <p>Rechercher</p>
            </a>
        </li>
        <li>
            <a href="/memberlist">
                <i class="material-icons">group</i>
                <p>Membres</p>
            </a>
        </li>
        <li>
            <a href="/h2-guidebook">
                <i class="material-icons">
                    <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                        <path d="m983.293 595.587-67.594-22.31 1.59 1.665-373.85 135.67-357.88-378.335-87.856-28.998c-44.338 31.378-49.323 120.78-19.51 151.87l441.773 454.078 467.257-167.304c-42.553-23.26-77.1-89.476-3.93-146.337zm-488.137 122.533-368.136-381.698h11.02l366.51 374.19-9.393 7.508zm28.146 177.47s-50.93-59.504 15.072-138.695l400.04-144.866s-46.002 78.993 7.83 125.648zm-337.744-563.314-12.216-12.914 372.938-132.43 369.42 386.342 67.592 22.31c-.33.256-.64.514-.967.77l7.884-2.813-435.942-452-454.797 162.316 86.088 28.416z" fill="#989A8F"/>
                    </svg>
                </i>
                <p>Guidebook</p>
            </a>
        </li>
        <li>
            <a href="/h4-bestiaire">
                <i class="material-icons">
                    <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                        <path d="M861.56 430.224l-122.43 48.23 28.676-83.044-44.43 23.195c-23.37-131.732-40.578-263.462-31.184-395.194-48.714 66.077-90.994 147.337-121.017 229.34H414.002c-36.96-86.107-85.035-161.38-132.945-236.817 8.384 141.578 3.393 273.88-7.277 404.126l-47.214-24.65 28.677 83.045-122.43-48.23 105.84 107.99-82.38 5.575c61 39.08 136.87 64.69 181.13 118.94 55.487 79.19 86.384 158.987 89.35 310.662 45.448 21.237 101.987 20.09 142.948 0 9.71-155.284 29.924-225.237 85.158-308.02 43.925-56.074 121.258-81.875 183.24-121.582l-82.378-5.576 105.84-107.99zM430.833 692.267c5.526-80.8-30.25-127.537-103.638-144.757 32.8-38.122 69.288-33.633 105.47 3.947v.002c35.977 37.367 29.375 95.163-1.833 140.807zm134.876 0c-29.368-45.646-33.644-103.44 3.84-140.808l.002-.003c35.947-35.832 70.945-41.55 101.227-8.962l-1.39 6.455c-70.246 18.29-105.894 64.656-103.682 143.317z" fill="#989A8F"/>
                    </svg>
                </i>
                <p>Bestiaire</p>
            </a>
        </li>
        <li>
            <a href="/h3-encyclopedie">
                <i class="material-icons">
                    <svg width="23" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                        <path d="M672.715 242.25l-34.71 21.518-20.42 133.112-.016.058 76.538-118.148zM549.627 417.422L392.49 365.47 348.9 392.375l28.712 34.555zM413.303 156.3c6.376-3.557 11.735-8.612 15.47-15.082 12.943-22.423 1.545-53.24-25.458-68.834s-59.387-10.058-72.33 12.365c-3.735 6.47-5.432 13.642-5.322 20.943-92.55-41.49-193.1-51.13-273.81-11.837 210.07 60.42 384.173 169.774 535.877 309.567-21.267-97.482-89.055-185.765-174.427-247.125zm-136.935 49.023L51.618 594.82c16.67 27.434 41.198 49.68 82.955 47.927l224.75-389.498c-25.55-18.36-53.326-34.192-82.955-47.927zm532.934 181.66L447.705 498.62 363.2 664.084l432.35 313.984 176.83-502.062z" fill="#989A8F"/>
                    </svg>
                </i>
                <p>Encyclopédie</p>
            </a>
        </li>
    </ul>
</div>

<div id="main-user-menu" class="hidden">
</div>

<div id="notif-menu" class="hidden">
    <div class="main-menu-headline" data-text="_lang['Notifications']"></div>
    <ul id="notif_list">
        <li id="notif-view-all"><a href="/profile?mode=editprofile&page_profil=notifications" data-text="_lang['Notif_see_all']"></a></li>
    </ul>
</div>
<div id="live_notif">
</div>
<div style="display: none;">{GENERATED_NAV_BAR}</div>

<div id="header-banner">
    <div class="heroimage">
        <div class="heroimage__container">
            <div class="heroimage__logo">
                <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_184_32)">
                <path d="M14.8659 54.4317L10.4647 55.5823L11.6152 51.1849C13.0991 45.5112 17.2813 40.9767 22.733 39.007C15.9859 41.0605 10.759 46.4732 8.96554 53.3336L7.64355 58.3881L12.7019 57.0652C19.4319 55.3051 24.7674 50.241 26.9047 43.6797C24.8693 48.9524 20.4119 52.9812 14.8659 54.4317Z" fill="#989A8F"/>
                <path d="M51.1716 54.4317L55.5728 55.5823L54.4223 51.1849C52.9384 45.5112 48.7562 40.9767 43.3045 39.007C50.0515 41.0605 55.2785 46.4732 57.0719 53.3336L58.3939 58.3881L53.3355 57.0652C46.6056 55.3051 41.2701 50.241 39.1328 43.6797C41.1682 48.9524 45.6256 52.9812 51.1716 54.4317Z" fill="#989A8F"/>
                <path d="M14.8551 11.5683L10.4539 10.4177L11.6045 14.8151C13.0884 20.4888 17.2705 25.0233 22.7223 26.993C15.9752 24.9395 10.7482 19.5268 8.95479 12.6664L7.63281 7.61186L12.6912 8.9348C19.4211 10.6949 24.7567 15.759 26.8939 22.3203C24.8586 17.0476 20.4012 13.0188 14.8551 11.5683Z" fill="#989A8F"/>
                <path d="M51.1609 11.5683L55.5621 10.4177L54.4115 14.8151C52.9276 20.4888 48.7455 25.0233 43.2937 26.993C50.0408 24.9395 55.2678 19.5268 57.0612 12.6664L58.3832 7.61186L53.3248 8.9348C46.5949 10.6949 41.2593 15.759 39.1221 22.3203C41.1574 17.0476 45.6148 13.0188 51.1609 11.5683Z" fill="#989A8F"/>
                <path d="M35.0814 28.495L35.6472 27.5292C39.3664 21.1755 39.3664 13.3093 35.6472 6.95659L33.008 2.44775L30.3669 6.9604C26.6485 13.3122 26.6485 21.1755 30.3669 27.5273L30.9364 28.5007C32.2479 27.8949 33.7699 27.894 35.0824 28.4959L35.0814 28.495Z" fill="#948161"/>
                <path d="M30.9354 37.5003L30.3659 38.4736C26.6476 44.8254 26.6476 52.6888 30.3659 59.0405L33.007 63.5532L35.6462 59.0444C39.3654 52.6907 39.3654 44.8245 35.6462 38.4717L35.0804 37.506C33.768 38.1079 32.246 38.107 30.9345 37.5012L30.9354 37.5003Z" fill="#948161"/>
                <path d="M28.511 30.9265L27.5424 30.3599C21.1887 26.6406 13.3225 26.6406 6.96977 30.3599L2.46094 32.999L6.97358 35.6402C13.3254 39.3585 21.1887 39.3585 27.5405 35.6402L28.511 35.0716C27.9072 33.7591 27.9072 32.2381 28.511 30.9256V30.9265Z" fill="#948161"/>
                <path d="M59.0569 30.3599C52.7032 26.6406 44.837 26.6406 38.4843 30.3599L37.5156 30.9265C38.1195 32.239 38.1195 33.76 37.5156 35.0725L38.4862 35.6411C44.8379 39.3594 52.7013 39.3594 59.0531 35.6411L63.5657 33L59.0569 30.3608V30.3599Z" fill="#948161"/>
                <path d="M33.0129 35.382C34.3285 35.382 35.3949 34.3156 35.3949 33C35.3949 31.6844 34.3285 30.618 33.0129 30.618C31.6973 30.618 30.6309 31.6844 30.6309 33C30.6309 34.3156 31.6973 35.382 33.0129 35.382Z" fill="#948161"/>
                <path d="M38.6807 5.6908L41.4913 11.0635L46.8307 8.27L44.8953 0L38.6807 5.6908Z" fill="#948161"/>
                <path d="M27.3463 5.6908L24.5356 11.0635L19.1963 8.27L21.1316 0L27.3463 5.6908Z" fill="#948161"/>
                <path d="M38.668 60.3101L41.4777 54.9374L46.817 57.73L44.8817 66L38.668 60.3101Z" fill="#948161"/>
                <path d="M27.3326 60.3101L24.522 54.9374L19.1836 57.73L21.118 66L27.3326 60.3101Z" fill="#948161"/>
                <path d="M5.6908 27.3263L11.0635 24.5157L8.27 19.1773L0 21.1117L5.6908 27.3263Z" fill="#948161"/>
                <path d="M5.6908 38.6613L11.0635 41.471L8.27 46.8103L0 44.875L5.6908 38.6613Z" fill="#948161"/>
                <path d="M60.3102 27.3397L54.9375 24.529L57.73 19.1897L66 21.125L60.3102 27.3397Z" fill="#948161"/>
                <path d="M60.3102 38.6746L54.9375 41.4843L57.73 46.8236L66 44.8883L60.3102 38.6746Z" fill="#948161"/>
                </g>
                <defs>
                <clipPath id="clip0_184_32">
                <rect width="66" height="66" fill="white"/>
                </clipPath>
                </defs>
                </svg>
            </div>
            <div class="heroimage__txt">
                <h1>Lucidalia Hunters</h1>
                <p>
                    Nous nous trouvons dans un monde au plus proche du désespoir, mêlant Corruption et affrontements contre des monstres de toutes les formes. Après l’apparition de la Désolation, un monstre gargantuesque détruisant tout sur son passage, l’Empire de Concordia a dû subir un exode maritime, s’échouant sur un continent inconnu, habité de créatures en tout genre. Il s’agit de l’An 0.
                </p>

                <p>
                    Dans ce contexte apocalyptique, de nombreuses ressources de l’Empire ont été perdues, amenant la population au maigre nombre de 150.000 habitants. Forts de caractère, les rescapés ne se contentent pas simplement de survivre, mais prennent leur place sur ce nouveau continent : la ville de Lucidalia dissipera la Corruption.
                </p>

                <p>
                    Aujourd’hui en l’An 54, les humains sont installés dans la ville, qui survit comme elle peut malgré l’hostilité des environnements alentours. Qu’il s’agisse de chasse, de sciences ou de récolte, chaque pan de la société lutte pour la même chose : la survie de l’Humanité. Vous participerez à celle-ci, dans un contexte post-apocalyptique victorien dans lequel chacun a un rôle à jouer !
                </p>
            </div>
            <img src="https://enjoyyourcrime.ovh/lucidalia/img/heroimage.webp" class="heroimage__img">
            <div class="heroimage__deco">
                <ul>
                    <li class="heroimage__line--top"></li>
                    <li class="heroimage__grp1">
                        <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M0 34.7851L1.20908 33.576L4.42516 36.7921L3.21608 38.0012L0 34.7851ZM16.814 24.6816C16.814 22.7502 15.2472 21.1834 13.3157 21.1834C11.3842 21.1834 9.81751 22.7501 9.81751 24.6816C9.81751 26.613 11.3835 28.179 13.3158 28.1798C15.2481 28.1807 16.8149 26.6139 16.814 24.6816H16.814ZM9.83391 25.016L9.80174 24.9839L3.18046 31.6051L6.39658 34.8213L13.0179 28.1999L12.9813 28.1633C11.3161 28.0046 9.99182 26.6804 9.83387 25.016H9.83391ZM9.81751 24.6816C9.81751 22.8701 11.1957 21.3796 12.9602 21.2013C11.1001 19.0868 9.44878 16.7874 8.0302 14.3302L3.58903 18.7712L9.83379 25.0159C9.82336 24.9059 9.81747 24.7944 9.81747 24.6816L9.81751 24.6816ZM16.7962 25.0383C16.6182 26.8031 15.1278 28.1807 13.3158 28.1798C13.2029 28.1798 13.0914 28.1739 12.9812 28.1634L19.2331 34.4153L23.6741 29.9743C21.2036 28.5476 18.9037 26.8931 16.7962 25.0383L16.7962 25.0383ZM31.3702 1.18177L14.5319 18.0201C14.792 18.4031 14.959 18.8723 14.959 19.3662C14.959 20.1318 14.5932 20.8167 14.0285 21.2563C15.4102 21.5425 16.4932 22.6444 16.7534 24.0354C17.1918 23.4532 17.8879 23.0745 18.6672 23.0745C19.1611 23.0745 19.603 23.2142 19.9799 23.4681L36.8181 6.63L38 0L31.3702 1.18177ZM0.578587 32.9453L5.05841 37.4251L7.02934 35.4541L2.54952 30.9742L0.578587 32.9453Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__grp2">
                        <svg width="38" height="44" viewBox="0 0 38 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M35.093 13.0789L36.6913 13.4465C37.6593 9.23278 38.0918 4.9789 37.9838 0.736705L27.4283 0.736797V2.30913H23.0107V0H15.2883V2.30913H10.8947V0.736889L0.0162957 0.736797C-0.0929261 4.97617 0.347887 9.23559 1.30881 13.4466L2.90746 13.0825C3.29309 14.8961 3.78955 16.702 4.39468 18.4952L0.628954 19.0632L6.4474 31.3259L9.21328 28.845C10.1412 30.3901 11.1562 31.9171 12.2603 33.4216L15.5265 31.0032L10.949 34.396C13.2703 37.6581 15.9649 40.8229 19.0272 43.8746C22.08 40.821 24.7303 37.6655 27.0514 34.396L25.7308 33.4212C26.8396 31.9072 27.8595 30.3701 28.7919 28.8144L31.5918 31.3259L37.4102 19.063L33.6002 18.4886C34.2069 16.6965 34.7053 14.8916 35.0931 13.0789H35.093ZM11.3144 10.479H26.7295C26.8848 16.9723 24.2857 22.702 19.022 28.3023C13.7272 22.6904 11.1573 16.9679 11.3144 10.479H11.3144ZM22.5274 31.057L22.5275 31.0571C21.4468 32.3863 20.2971 33.6641 19.0272 34.9346L19.0271 34.9345C20.2972 33.6641 21.4468 32.3864 22.5274 31.0571L22.5274 31.057Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__grp3">
                        <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M38 8.34541C33.6804 -2.56402 19.317 -0.829365 5.77708 2.67221V2.67233C5.49476 5.44448 5.95784 8.27827 6.91797 11.1533C13.145 4.11176 30.4294 1.57952 38 8.34529L38 8.34541ZM3.74805 2.93176V2.93225L0.678382 3.71093C1.13743 10.0585 2.99931 14.4807 5.59408 17.9035C4.24872 18.7449 2.28365 19.5025 0 20.0855C0.460755 20.622 1.15739 21.4004 2.48164 21.5916C4.50228 21.2394 5.7277 20.3731 6.85332 19.4289C13.0549 26.3565 22.3283 29.1055 27.4458 37.669L31.4654 37.6584C22.0774 20.3299 4.99697 27.6091 3.74801 2.9318L3.74805 2.93176Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__grp4">
                        <svg width="38" height="39" viewBox="0 0 38 39" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M25.9946 1.57585C24.0761 0.978731 21.4761 1.25435 20.6271 3.13548C19.3946 1.49681 16.8672 2.03731 16.2915 3.90931C15.7159 5.78107 17.3491 7.79571 19.8014 7.72317C19.5596 10.3924 23.2815 12.0191 26.2241 10.7969C26.1869 12.3135 26.8772 14.0846 28.6097 14.3294C28.1074 15.7521 28.8537 17.6324 30.8576 17.6324C33.3298 17.6324 33.8445 14.7797 32.5091 13.4577C33.2533 12.6414 33.5172 11.4809 33.3809 10.384C34.7386 11.3346 36.098 9.87161 36.0334 8.80642C35.9143 6.84496 34.4336 5.98104 33.3808 6.89768C32.6896 4.72843 30.4553 4.38341 29.2519 5.6132C29.3579 5.02985 29.2677 4.58381 28.8392 4.09921C30.615 3.65143 30.3249 1.13786 29.2069 0.41478C27.8398 -0.469209 26.4215 0.125546 25.9949 1.57589H25.9946L25.9946 1.57585ZM33.1483 23.1467C30.3555 23.1467 30.3777 18.9175 33.1483 18.9175C35.9189 18.9175 35.9411 23.1467 33.1483 23.1467ZM36.6573 14.8825C34.8598 14.8825 34.8741 12.1604 36.6573 12.1604C38.4404 12.1604 38.4548 14.8825 36.6573 14.8825ZM33.3125 3.1256C31.515 3.1256 31.5294 0.403489 33.3125 0.403489C35.0956 0.403489 35.11 3.1256 33.3125 3.1256ZM13.1895 7.13038C11.3921 7.13038 11.4064 4.40831 13.1895 4.40831C14.9727 4.40831 14.9871 7.13042 13.1895 7.13042V7.13038ZM17.9686 10.4775V10.4777L13.6566 17.9464L1.75855 24.7376C-0.300862 25.9263 -0.65135 28.2295 1.24055 30.2399C4.90267 34.1317 9.43124 36.5223 14.5358 37.916C17.2578 38.6587 18.9354 37.4801 18.9354 34.8111L18.9519 21.0558L23.2865 13.548L17.9686 10.4775ZM13.8369 34.7101C9.85037 33.3485 0.866381 28.4084 4.31366 26.4181L15.0361 20.2078L13.837 34.7101H13.8369Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__grp5">
                        <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M38.6227 4.09601e-05C30.8368 0.286223 24.5215 1.96999 19.6946 4.56702L17.284 8.59774L16.8773 6.30034C16.0156 6.90573 15.2171 7.54539 14.4809 8.21476L13.2777 11.9035L12.865 9.84206C9.29293 13.8401 7.69502 18.6754 8.09849 23.6177H2.06319V27.6352H5.36667L1.82201 30.7473L0 37.7014L1.18997 39H15.6917L16.8817 37.7014L15.0596 30.7473L11.7049 27.6352H14.5974V23.6177H9.27982C11.373 22.5332 13.4055 21.0327 15.4179 19.2986L12.9758 19.4258L12.9983 19.4008L17.3828 17.5342C21.2155 13.9646 25.0255 9.7646 29.1014 6.22329L27.0966 5.79883L31.7325 4.07216C33.9263 2.39941 36.209 0.980222 38.6225 0L38.6227 4.09601e-05Z" fill="#989A8F"/>
                        </svg>
                    </li>
                    <li class="heroimage__line--bottom"></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="wrap">

    <!-- BEGIN switch_ticker -->
    <div id="fa_ticker_block">
        <div class="module">
            <div class="inner">
                <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                            <!-- BEGIN ticker_row -->
                            <div>{switch_ticker.ticker_row.ELEMENT}</div>
                            <!-- END ticker_row -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END switch_ticker -->

    <!-- BEGIN html_validation -->
</div><!-- <div id="wrap" /> -->
</body>
</html>
<!-- END html_validation -->
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1569
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par NyxBanana Ven 21 Juin 2024 - 14:15

Bonjour !

Merci beaucoup ! Cela résout le problème dans la navigation ! ♥

Par contre les spoilers sont toujours cassés, ils refusent de s'ouvrir Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) 1f629
NyxBanana

NyxBanana
**

Messages : 73
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par Toryudo Ven 21 Juin 2024 - 19:02

Vu, le problème du spoiler vient de votre CSS perso :
Code:
.hidden {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

Si on regarde le HTML du spoiler (version awesomeBB), avant de cliquer, il est égal à ceci :
Code:
<div class="spoiler_content" hidden="until-found">
Et après avoir cliqué, il est égal à ceci :
Code:
<div class="spoiler_content hidden">

Quand l'élément passe en class .hidden, c'est à ce moment qu'il est supposé être visible. Et comme vous ajoutez un CSS pour masquer .hidden, il n'est finalement plus jamais visible. Vous n'avez plus qu'à retirer ce CSS perso et les spoiler fonctionneront à nouveau !
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1569
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty)

Message par NyxBanana Dim 23 Juin 2024 - 13:11

Oh, merci beaucoup pour ça ! J'avais totalement loupé le fait que cela pouvait venir du CSS ! Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) 1f633

Je pense qu'on peut donc considérer cette demande d'aide comme résolue Scripts capricieux qui fonctionnent quand ils veulent (jquery collection is empty) 1f499
NyxBanana

NyxBanana
**

Messages : 73
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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