Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL.

[Rozenbrez]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 09/10/2021
Lien du forum : http://forumtestderozenbrez.kanak.fr

Description du problème

Bonjour,

J'ai fait un changement de design il n'y a pas longtemps et depuis l'avatar du dernier inscrit ne s'affiche plus dans le QEEL, alors que je n'ai pas toucher le code qui permet l'action.

Je vous met le code du template, le CSS associé au QEEL et le script :

Code:

{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_header -->
<br /><br /><div class="bloc_pa">
  <div class="bloc_contexte"><div class="title_con"><a href="https://nozomu-rpg.forumsrpg.com/t5-2-contexte-du-forum#5">Lire le contexte entier</a></div><div class="contexte">Un même circule sur Internet parlant d’un monde où Humains et créatures surnaturelles vivraient en paix et en harmonie, mais pour certains c'est une utopie. Utopie qu'ils comptent bien réaliser à Nozomu, la ville spécialement créée pour cela.<br /><br />

Trônant fièrement sur l'île, là aussi spécialement conçue pour réaliser ce rêve, la ville de l'espoir accueil toutes les races foulant la Terre : humains, vampires, loups-garous, kitsunes, elfes, orcs, gobelins et tant d'autres. Tous essayent de cohabiter en paix et en harmonie, de trouver l'équilibre tant recherché depuis tous ces siècles de guerres.<br /><br />

Seulement, cela n'est pas au goût de certains. Les dissidents prônent la suprématie de leur race, très souvent à cause de la rancune des massacres et autres génocides qui ont eu lieu dans le passé.<br /><br />

Et vous ? Quels sont vos objectifs ? Êtes-vous pour la paix ou bien pour la suprématie de votre race ? Peut-être que vous n’avez pas d’avis et que vous voulez juste vivre votre vie tranquillement ?</div></div>
<div class="blocpa_middle"><div class="bloc_staff"><img src="https://www.aht.li/3642756/staffpa.jpg" /><div class="infos_staff"><div class="staff_name">Minoru</div><div class="bloc_istaff">Fondatrice - Présente</div><a href="https://nozomu-rpg.forumsrpg.com/privmsg?mode=post&u=1" target="_blank">Contacter par MP</a></div></div><div class="tops_sites"><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=8400" target="_blank"><img src="https://www.aht.li/3642745/acida-icon.png" /></a> <a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=5455" target="_blank"><img src="https://www.aht.li/3642746/choko-crema-icon.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=6106" target="_blank"><img src="https://www.aht.li/3642747/choko-milky-icon.png" /></a> <a href="http://www.root-top.com/topsite/justmarried/in.php?ID=853" target="_blank"><img src="https://www.aht.li/3642748/red-jam-icon.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=3067" target="_blank"><img src="https://www.aht.li/3642749/tropic-icon.png" /></a></div><div class="discord"><a href="https://discord.gg/srZXv9PzaF" target="_blank"><img src="https://www.aht.li/3642760/discord2.png" /></a></div></div>
<div class="blocpa_right"><div class="title_gazette">La gazette de l'île</div><div class="bloc_gazette"><span><b>09/10/2021 :</b> Le forum s'offre un petit relooking. :)</span></div></div>
</div>
<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <!-- BEGIN message_admin_titre -->
         <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
         <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
      <!-- END message_admin_txt -->
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div class="bloc_QEEL"><div class="QEEL_title">Qui se balade dans nos rues ?</div>
  <div class="blocQEEL_totaluser">{TOTAL_USERS_ONLINE}</div>
  <div class="QEEL_position"><div class="QEEL_nm"><div class="QEEL_ava"><span id="avatar_dernier_membre"></span></div><div class="QEEL_newmember"><span id="dernier_membre">{NEWEST_USER}</span><br /><span id="mesbien">Vient de débarquer !</span></div></div>
    <div class="QEEL_infos"><div class="QEEL_members"><span class="qeel-p-perso">{TOTAL_USERS}</span> Citoyens parcours la ville.</div><div class="QEEL_messages"><span class="qeel-p-perso">{TOTAL_POSTS}</span> histoires se sont passées.</div>
<div class="groupe1"><a href="https://nozomu-rpg.forumsrpg.com/g6-chikara">Chikara</a></div><div class="groupe2"><a href="https://nozomu-rpg.forumsrpg.com/g4-yumetokibo">Yumetokibō</a></div><div class="groupe3"><a href="https://nozomu-rpg.forumsrpg.com/g7-chusei">Chūsei</a></div><div class="groupe4"><a href="https://nozomu-rpg.forumsrpg.com/g5-fuitchi">Fuitchi</a></div></div>
    <div class="QEEL_lists"><div class="title_lists">Ils sont en ville</div><div class="list_actu">{LOGGED_IN_USER_LIST}</div><div class="title_lists">Ils étaient en ville</div><div class="list_last">{L_CONNECTED_MEMBERS}</div></div></div></div>
<script type="text/javascript">$('.list_actu').each(function(){$(this).html($(this).html().replace(/Utilisateurs enregistrés : /g," "));});</script>
<script type="text/javascript">$('.list_last').each(function(){$(this).html($(this).html().replace(/Membres connectés au cours des 72 dernières heures :/g," "));});</script>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
         <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

Code:

/*** QEEL ***/
.bloc_QEEL {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
width:100%;
height:450px;}

.QEEL_title {
width:100%;
height:55px;
text-align: left;
font-size: 50px;
text-transform: uppercase;
font-family: "Josefin Slab", verdana, Arial;
font-weight: bold;
  text-shadow: 0px 1px 1px #DEDEDE;
color: #8c64b5;
margin-bottom: 10px;}

.blocQEEL_totaluser {
width:100%;
height:55px;
  text-align: left; }

.QEEL_position {
width: 100%;
 display: flex;
justify-content: space-between;}

.QEEL_nm {
  position: relative;
  width:250px;
margin-right: 15px;}

.QEEL_newmember {
width:250px;
  height:60px;
  z-index: 999;
position: absolute;
top:225px; right: 0px;
background: rgba(64, 64, 64, 0.6);
padding: 5px;text-align: right;}

#mesbien {color: #DEDEDE;font-size: 20px;text-shadow: 0px 1px 1px black; font-weight: bold;font-family: 'Josefin Slab', verdana, Arial;text-align: right;}

#dernier_membre {
    font-size: 0; /* on masque le texte de base */
}

#dernier_membre strong {font-size: 19px; text-shadow: 0px 1px 1px black;/* on masque le texte de base */}

.QEEL_ava {
margin-top: 0px;
margin-left: 0px;
width:250px;
  height:400px;
box-shadow: 5px 5px 0px #5b4175;}

#avatar_dernier_membre {
width:250px;
  height:400px;}

span[id="avatar_dernier_membre"] img {
width:250px;
  height:400px;
}

.QEEL_infos {
margin-right: 15px;
width: 355px;
 height:400px;
 display: flex;
flex-direction: column;
justify-content: space-evenly;}

.QEEL_members, .QEEL_messages {
width:100%;
height:25px;
background-color: #404040;
  border-left: 4px solid #8c64b5;
text-align: right;
font-size: 16px;
line-height: 22px;
font-family:"Josefin Slab", Arial, Verdana;
font-weight: bold;
padding: 2px;}

.qeel-p-perso { font-size: 0;}

.qeel-p-perso strong { font-size: 20px;}

.groupe1, .groupe2, .groupe3, .groupe4{
width:100%;
height: 40px;
text-align: center;
color: #1f1628 !important;
font-size: 30px;
line-height: 35px;
color: black; font-family: Verdana, Arial;}

.groupe1 a{ color: #1f1628;}
.groupe2 a{ color: #1f1628;}
.groupe3 a{ color: #1f1628;}
.groupe4 a{ color: #1f1628;}


.groupe1 {background: #70db77; }
.groupe2 {background: #e3e374; }
.groupe3 {background: #eb9f41; }
.groupe4 {background: #eb4444; }

.QEEL_lists{
width: 600px;
 height:420px;
 display: flex;
flex-direction: column;
justify-content: space-evenly;}

.title_lists {
width: 100%;
height: 20px;
text-align: left;
font-size: 20px;
  color: #DEDEDE;
  font-weight: bold;
font-family:"Josefin Slab", Arial, Verdana;
margin-bottom: 2px;}

.list_actu, .list_last {
padding: 5px;
width: 100%;
height: 355px;
background: #404040;
  font-size: 12px;
border-left: 4px solid #8c64b5;
overflow: auto;}

/*** FIN QEEL ***/

Code:

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

En vous remerciant par avance pour votre aide.

[Oka.mi]

Bonjour,

Dans votre code JavaScript, vous avez l'id "avatar_membre" qui n'est pas présent sur la page /u. Du coup il faudra l'ajouter dans le template profile_view_body, comme ceci :

Code:

<div id="avatar_membre">{AVATAR_IMG}</div>

pour que le script puisse s'exécuter.

[Rozenbrez]

Bonjour Oka.mi,

J'avais complètement oublié ce petit ajout comme j'ai modifié ce template aussi. Merci beaucoup, tout fonctionne à nouveau.

Bonne journée à vous.

[Oka.mi]

Avec plaisir. Bonne journée à vous également