Déplacement champ du profil

Bonjour bonjour !

D'abord je tiens à dire que c'est vraiment un travail de fou que vous avez fait avec le blank theme et les différents codages qui ont été mis à disposition  

Je voulais me remettre dans le bain en tentant un nouveau codage pour un projet potentiel. J'ai déjà fait des profils en onglet et j'avais pas eu trop de problème, sauf que le code pour déplacer les champs ne fonctionne pas du tout chez moi... Je me demande si je n'ai pas commis une bévue au niveau du placement du code dans mon template viewtopic_body    

J'ai regardé la FAQ et les questions posées pour essayer de trouver une piste, mais je sèche complètement, donc je me suis dit que je passerais demander un coup de pouce...

Je laisse le javascript :

Code:

// PLACEMENT : Sur les sujets

// [SPANISH] by Flerex
// https://flerex.dev/entradas/clases-unicas-a-los-campos-del-miniperfil

// Options, by Monomer
// Possibilité de déplacer un champs dans un autre élément

!function() {

 const settings = {
                semicolon: true, // false = retire les (:) après un nom de champs
 cleanUp: true,
          
          // Option pour déplacer un champs dans un autre élément, laissez vide pour désactiver
          move: ['pseudo-irl', 'age-irl', 'pronoms-irl', 'trigger-warnings', 'multicomptes'], // Nom du champs en MINISCULE et SANS ACCENT (exemple : 'message') et séparer les champs à deux mots par un tiret (exemple : 'etat-civil')
          moveTo: '.other' // élément dans lequel les champs seront déplacés
 },


 slugify = str => {
        const from = 'àáäâãåăæçèéëêǵḧìíïîḿńǹñòóöôœøṕŕßśșțùúüûǘẃẍÿź·/_,:;',
        to = 'aaaaaaaaceeeeghiiiimnnnooooooprssstuuuuuwxyz------',
        reg = new RegExp(from.split('').join('|'), 'g');

        return str.trim().toLowerCase()
         .replace(/\s+/g, '-')
         .replace(reg, c => to.charAt(from.indexOf(c)))
         .replace(/&/g, '-and-')
         .replace(/[^\w\-]+/g, '')
                .replace(/\-\-+/g, '-')
                .replace(/^-+/, '')
                .replace(/-+$/, '');
    },

    hideSemicolon = (label, name) => {
        if (label.firstElementChild)
            label.lastChild.remove();
        else
            label.textContent = name;
    },

    main = _ => {

     document.querySelectorAll('.user_field').forEach(p => {
     const labelcontainer = p.querySelector('.field_label'),
     label = labelcontainer.querySelector('.label'),
            name = label.textContent.replace(/ *: *$/, ''),
          slug = slugify(name);

     p.classList.add('field-' + slug);
          
          if(settings.move.includes(slug)) {
          p.closest('.post_profile').querySelector(settings.moveTo).appendChild(p);
        }

     if (settings.cleanUp) {
     labelcontainer.textContent = settings.semicolon ? name + ' : ' : name;
     } else if (!settings.semicolon) {
                hideSemicolon(label, name)
     }
     });

    };

    document.addEventListener('DOMContentLoaded', main);
}();

Le template viewtopic_body :

Code:

<br />

 



<!----------------------------------------------->
<!-- BARRE DE GESTION -------------->

<div class="links_bar">
  
        <!-- Boutons : nouveau -->
        <!-- BEGIN switch_user_authpost -->
        <a class="buttons" href="{U_POST_NEW_TOPIC}" rel="nofollow"><img class="newtopic_button" src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- Bouton : répondre -->
        <!-- BEGIN switch_user_authreply -->
        <a class="buttons" href="{U_POST_REPLY_TOPIC}"><img class="reply_button" src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
  
        <!-- Pagination -->
        <span class="pagination right">
            {PAGINATION}
        </span>
        
  
</div>

<!----------------------------------------------->
<!-- MESSAGE -------------->


<!-- Contenenur des messages -->
<div class="container">

    <!-- Titre du poste -->
    <h1 class="page-title">{TOPIC_TITLE}</h1>
<!----------------------------------------------->
<!-- LIENS DE NAVIGATION -------------->

<div class="navigation_links">

    <!-- Chaîne de lien : Catégorie > Forum > Sous-fo -->
    <span class="navigation_chain">
        {NAV_CAT_DESC}
    </span>

</div>
  
    <!-- Liste des participants du sujet -->
    {POSTERS_LIST}

    <!-- Sondage (template : viewtopic_poll_ballot /// viewtopic_poll_result) -->
    {POLL_DISPLAY}


    <!-- Affichage d'un message -->
    <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
    <div class="post_messagebox"><div id="{postrow.displayed.U_POST_ID}"></div>
    <div class="post post_row post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}">

        <!-- Conteneur informations du message-->
        <div class="post_details">
          
          
<!-- Pseudo -->
                <span class="post_pseudo">{postrow.displayed.POSTER_NAME}</span>

                <!-- Rang -->
                <span class="post_rank">
                    {postrow.displayed.POSTER_RANK_NEW} <!-- Textuel -->
                    {postrow.displayed.RANK_IMAGE} <!-- Image -->
                </span>
          
                      <!-- En ligne -->
                <div class="{postrow.displayed.ONLINE_IMG_NEW}"> <!-- VOIR CSS .online -->
                 {postrow.displayed.ONLINE_IMG_NEW}<!-- Textuel -->
                </div>

            <span class="post_date">
                <!-- Lien d'ancre vers le message -->
                <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
  
                <!-- Date du message -->
                <time>{postrow.displayed.POST_DATE_NEW}</time>
            </span>
              <!-- Boutons d'édition de message -->
                <ul class="profile-icons ">
                    <li>{postrow.displayed.QUOTE_IMG}</li>
                    <li>{postrow.displayed.EDIT_IMG}</li>
                    <li>{postrow.displayed.DELETE_IMG}</li>
                    <li>{postrow.displayed.IP_IMG}</li>
                </ul>
          </div>
        <!-- Fin détails -->

        <!-- Colonne de profil -->
        <div class="post_profile" id="profile{postrow.displayed.U_POST_ID}">

            <!-- Avatar -->
            <div class="profcont"><div class="post_avatar">
                {postrow.displayed.POSTER_AVATAR}
            </div>
            <div class="post_userinfo">
              
               <!-- Champs de profil -->
                <!-- BEGIN profile_field -->
                    <div class="user_field">
                        <!-- Label d'un champs de profil -->
                      <span class="field_label">{postrow.displayed.profile_field.LABEL}</span>
                      
                        <!-- Contenu d'un champs de profil -->
                        <span class="field_content">{postrow.displayed.profile_field.CONTENT}</span>
                      
 <!-- Séparateur entre champs de profil -->                      
                      <span class="field_separator">{postrow.displayed.profile_field.SEPARATOR}</span>
              </div>
                <!-- END profile_field -->
                <!-- Fin de champs de profil -->

                <!-- Champs de profil de la feuille de personnage -->
                {postrow.displayed.POSTER_RPG}

              </div></div>


            <!-- Lien de contact -->
            <div class="profil_contact">
                {postrow.displayed.PROFILE_IMG}   <!-- Profil -->
                {postrow.displayed.PM_IMG}   <!-- MP -->
                <!-- Autre contact-->
                <!-- BEGIN contact_field -->
                {postrow.displayed.contact_field.CONTENT} <!-- Autre champs de contact -->
                <!-- END contact_field -->
            </div>

        </div>
        <!-- Fin colonne profil -->

        <!-- Contenu du message -->
        <div class="post_message postbody content">
            <div>{postrow.displayed.MESSAGE}</div>

            <!-- Signature -->
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->

        </div>
        <!-- Fin du contenu du message -->
        <!-- Contenu footer message -->
      <div class="postirl"><div class="other"><!-- Les champs du profil seront déplacés ici --></div></div>
    </div>
  </div>
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- Fin affichage d'un message -->

</div>
<!-- Fin des messages -->


<!----------------------------------------------->
<!-- BARRE DE GESTION -------------->


<div class="links_bar">
  
        <!-- Lien "surveiller le sujet" -->
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
        <span class="specials_links">{S_WATCH_TOPIC}</span>
        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        
        <!-- BEGIN switch_plus_menu -->
        <!-- Lien "sujets surveillés" -->
         <a class="specials_links" href="{U_WATCHSEARCH_JS_PLUS_MENU}">Sujets surveillés</a>
        <!-- END switch_plus_menu -->

    <!-- Pagination -->
    <!-- BEGIN topicpagination -->
    <span class="pagination right">{PAGINATION}</span>
    <!-- END topicpagination -->

</div>


<!----------------------------------------------->
<!-- REGLES DE LA CATEGORIE (si activé) -------------->

<!-- BEGIN switch_forum_rules -->
<div class="panel" id="forum_rules">

    <!-- Titre "règlement" -->
    <div class="h3">{L_FORUM_RULES}</div>

    <!-- Règlement -->
    <div class="postbody">
        <!-- Image du règlement -->
        <!-- BEGIN switch_forum_rule_image -->
        <img class="left logo" src="{RULE_IMG_URL}" alt="" />
        <!-- END switch_forum_rule_image -->

        <!-- Contenu -->
        {RULE_MSG}
    </div>

</div>
<!-- END switch_forum_rules -->


<!----------------------------------------------->
<!-- REPONSE RAPIDE -------------->

<div class="container quickreply" id="quickreply_content">
    <!-- BEGIN switch_user_logged_in -->
    {QUICK_REPLY_FORM}
    <!-- END switch_user_logged_in -->
</div>


<!----------------------------------------------->
<!-- BARRE DE GESTION -------------->


<div class="links_bar">
        <!-- Bouton : nouveau -->
        <!-- BEGIN switch_user_authpost -->
        <a class="buttons" href="{U_POST_NEW_TOPIC}" rel="nofollow"><img class="newtopic_button" src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->
      
        <!-- Bouton : répondre -->
        <!-- BEGIN switch_user_authreply -->
        <a class="buttons" href="{U_POST_REPLY_TOPIC}"><img class="reply_button" src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->

    <!-- BEGIN switch_plus_menu -->
    <span class="right">
        <a href="{U_FAVOURITE_JS_PLUS_MENU}">Ajouter le sujet à ses favoris</a>
    </span>
  <!-- END switch_plus_menu -->

</div>

<br/>

<!----------------------------------------------->
<!-- SAUTER VERS UN AUTRE FORUM -------------->


<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}" class="left">
    <fieldset class="jumpbox">
        <label>{L_JUMP_TO}: </label>
        {S_JUMPBOX_SELECT} 
        <input class="button2" type="submit" value="{L_GO}" />
    </fieldset>
</form>


<!----------------------------------------------->
<!-- BOUTONS DE MODERATION -------------->

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}" class="right">
    <fieldset class="quickmod">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
        <label>{L_MOD_TOOLS}: </label>
        {S_SELECT_MOD} 
        <input class="button2" type="submit" value="{L_GO}" />
    </fieldset>
  <span class="right">{S_TOPIC_ADMIN}</span>
</form>
<!-- END viewtopic_bottom -->



<div class="clear"></div>

<!-- Script image recadré -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
    //<![CDATA[
    $(resize_images({
        'selector': '.postbody .content',
        'max_width': {
            switch_image_resize.IMG_RESIZE_WIDTH
        },
        'max_height': {
            switch_image_resize.IMG_RESIZE_HEIGHT
        }
    }));
    //]]>

</script>
<!-- END switch_image_resize -->


<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}',
        multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';

</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    var hiddenMsgLabel = {
        visible: '{JS_HIDE_HIDDEN_MESSAGE}',
        hidden: '{JS_SHOW_HIDDEN_MESSAGE}'
    };
    showHiddenMessage = function(id) {
        try {
            var regId = parseInt(id, 10);
            if (isNaN(regId)) {
                regId = 0;
            }

            if (regId > 0) {
                $('.post--' + id).toggle(0, function() {
                    if ($(this).is(":visible")) {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    } else {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
            }
        } catch (e) {}

        return false;
    };

    //]]>

</script>

            

Je peux aussi laisser le CSS pour le profil au besoin. Vous pouvez voir un aperçu sous ce lien : https://escapeorperish[dot]forumacti[dot]com/t2-faceclaims En gros, j'aimerais que les champs soient renvoyés dans le bas de la boite, sous le profil et le message.

Je vous remercie d'avance mille fois de votre aide  

Coucou encore !

Désolée pour le double post. Je passe pour dire que j’ai réglé le problème. C’était effectivement un soucis de placement dans le template viewtopic_body. Le tout est réglé et le codage des messages est presque terminé !

Encore merci mille fois pour les ressources géniales que vous avez créées !

Vous pouvez supprimer ou archiver le message

Heyy,

Je suis désolée de ne pas avoir pu te répondre à temps J'ai eu un mois de mai très chargé.
Mais je suis ravie que tu es pu trouver une solution !