Member Title change

Hello,

I have on my testingforum the member title function with this script:

Code:

$(function() {
          var formatBBCode = true;
        
          // editing of profile field
          if (/\/profile|\/u\d+/.test(window.location.href)) {
            for (var a = document.getElementsByTagName('TEXTAREA'), i = 0, j = a.length; i < j; i++) {
              if (/class="fa_personal_title"/.test(a[i].value) && /profile_field/.test(a[i].id)) {
                a[i].onfocus = function() {
                  this.value = this.value.replace(/\n|\r/g, '').replace(/\[table class="fa_personal_title"\]\[tr\]\[td\](.*?)\[\/td\]\[\/tr\]\[\/table\]/, '$1');
                };
        
                a[i].onblur = function() {
                  this.value = '[table class="fa_personal_title"][tr][td]' + this.value + '[/td][/tr][/table]';
                };
              }
            }
          }
        
          // parsing in messages
          else if (/\/t\d+/.test(window.location.href)) {
            var version = $('.bodylinewidth')[0] ? 0 : document.getElementById('phpbb') ? 1 : $('div.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : document.getElementById('modernbb') ? 4 : document.getElementById('fa_edge') ? 5 : 'badapple',
                closest = ['.poster-profile', '.postprofile', '.user', '.postdetails', '.postprofile', '.postprofile'][version],
                find = ['br:first', 'dt + dd', '.user-basic-info', 'dt + dd', '.postprofile-rank', '.rank-title'][version],
        
                a = $('.fa_personal_title'),
                i = 0,
                j = a.length,
                node, str, title;
        
            if (version == 'badapple') {
              if (window.console && console.warn) console.warn('Your forum version is not supported for the "Personal Title" plugin.');
              return;
            }
        
            for (; i < j; i++) {
              title = $('td', a[i]).eq(0);
              title = formatBBCode ? title.html() : title.text();
              if (title) {
                node = $(a[i]).closest(closest).find(find);
                str = '<span class="personal_title">' + title + '</span>';
        
                version == 0 ? node.before(str) : node.append(str);
                 a[i].previousElementSibling.style.display = 'none';
                 a[i].style.display = 'none';
              }
            }
          }
        });

Now my question, how can i move the member title ID (Lidnaam) after the username. See this screenshot:I have edit the template profile_view_body

Code:

<table cellspacing="1" cellpadding="3" class="tableBorder" align="center">  <tbody>    <tr class="tableLedger">      <td width="50%">Leden Profiel: {USERNAME}</td>      <td width="50%">Actieve Statistieken</td>    </tr>    <tr class="tableRow">      <td valign="top">        <table width="100%" border="0" cellspacing="1" cellpadding="0">          <tbody>            <tr>              <td width="10%">{AVATAR_IMG}</td>              <td width="10%"> </td>            </tr>            <tr>              <td>Gebruikersnaam:</td>              <td>{USERNAME}</td>            </tr>            <tr>            <td>Lidnaam:</td>             <td><table class="fa_personal_title"></table></td>            </tr>                        <tr>              <td>Groep:</td>              <td>{POSTER_RANK}</td><br />            </tr>            <td>{L_ADMINISTRATE_USER} {ADMINISTRATE_USER}{BAN_USER}</td>          </tbody>        </table>      </td>      <td valign="top">        <table width="100%" border="0" cellspacing="1" cellpadding="2">          <tbody>            <tr>              <td width="30%">Account Status:</td>              <td width="80%">Active</td>            </tr>            <!-- BEGIN switch_show_status -->            <tr>              <td>Online Status:</td>              <td>{USER_ONLINE}</td>            </tr>            <!-- END switch_show_status -->            <tr>              <td>Lid geworden:</td>              <td>{LAST_VISIT_TIME}</td>            </tr>            <tr>              <td>Laatst actief:</td>              <td>{LAST_VISIT_TIME}</td>            </tr>            <tr>              <td>Berichten:</td>              <td>{L_POSTS} {POST_PERCENT_STATS} / {POST_DAY_STATS}</td>            </tr>            <tr>              <td>Zoek berichten:</td>              <td><a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a>  <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></td>            </tr>          </tbody>        </table>      </td>    </tr>    <tr class="tableLedger">      <td width="50%">Informatie</td>      <td width="50%">Awards</td>    </tr>    <tr class="tableRow">    <td valign="top">      <table width="100%" border="0" cellspacing="1" cellpadding="2">        <!-- BEGIN profile_field -->        <tr id="field_id{profile_field.ID}">          <td width="40%" align="left" valign="top" nowrap="nowrap"><span class="genmed">{profile_field.LABEL}  </span></td>          <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />            <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />                - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />                - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>        </tr>        <!-- END profile_field -->      </table>      </td>      <!-- BEGIN switch_awards -->      <td class="row1 awards_block_simple_wrapper" valign="top">        <table width="100%" border="0" cellspacing="1" cellpadding="0">          <tr>            <td class="awards_block_simple"><span class="gen"><strong>{switch_awards.AWARDS_LIST}</strong></span></td>          </tr>        </table>      </td>      <!-- END switch_awards -->    </tr>    <tr class="tableLedger">      <td>Communicatie</td>      <td width="50%">{L_FRIENDS_AND_FOES}</td>    </tr>    <tr class="tableRow">      <td valign="top">      <!-- BEGIN contact_field -->        <table width="100%" border="0" cellspacing="1" cellpadding="0">          <tr id="field_id{contact_field.ID}">            <td width="40%" align="left" valign="top" nowrap="nowrap"><span class="genmed">{contact_field.LABEL}  </span></td>            <td width="60%"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>          </tr>        </table>        <!-- END contact_field -->      </td>      <td valign="top">        <!-- BEGIN switch_allow_friendsfoes -->        <table width="100%" border="0" cellspacing="1" cellpadding="0">          <tr>            <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>          </tr>        </table>        <!-- END switch_allow_friendsfoes -->      </td>    </tr>  </tbody></table><script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[ $(document).ready(function(){ $('[id^=field_id]').each(function(){ if ( $(this).find('.field_editable').is('span, div') ) { $(this).hover(function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>'); $(this).find('.ajax-profil_edit').attr({ alt: "{L_FIELD_EDIT_VALUE}", title: "{L_FIELD_EDIT_VALUE}" }).click(function(){ $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select'); $(this).prev().find('.ajax-profil_valid').attr({ alt: "{L_VALIDATE}", title: "{L_VALIDATE}" }).click(function(){ var content = new Array(); $(this).parent().find('[name]').each(function(){ var type_special = $(this).is('input[type=radio],input[type=checkbox]'); if ( (type_special && $(this).is(':checked')) || !type_special ) { content.push(new Array($(this).attr('name'), $(this).attr('value'))); } }); var id_name = $(this).parents('[id^=field_id]').attr('id'); var id = id_name.substring(8, id_name.length); $.post( "{U_AJAX_PROFILE}", {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"}, function(data){ $.each(data, function(i, item){ $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible'); }); }, "json" ); }); $(this).remove(); }); } },function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().removeClass('ajax-profil_hover'); $(this).find('.ajax-profil_edit').remove(); } }); } }); });//]]></script>        <style>.tableRow tr td {  font-size:13px;  font-family:"arial";}  #field_id1 .genmed span {  font-size:13px;  font-family:"arial";}#field_id-20 .genmed span {  font-size:13px;  font-family:"arial";}#field_id-12 .genmed span {  font-size:13px;  font-family:"arial";}#field_id-6 .genmed span {  font-size:13px;  font-family:"arial";}#field_id-5 .genmed span {  font-size:13px;  font-family:"arial";}#field_id-9 .genmed span {  font-size:13px;  font-family:"arial"; }#field_id-8 .genmed span {  font-size:13px;  font-family:"arial";}#field_id-13 .genmed span {  font-size:13px;  font-family:"arial";}#field_id2 .genmed span {  font-size:13px;  font-family:"arial";}#field_id3 .genmed span {  font-size:13px;  font-family:"arial";}#profile-advanced-details dl dt {  font-size:13px;  font-family:"arial";}  .fa_personal_title td { font-weight:normal }#field_id-20 .field_uneditable { font-weight:normal}#field_id-12 .field_uneditable { font-weight:normal}#field_id-4 .field_uneditable { font-weight:normal}#field_id-6 .field_uneditable { font-weight:normal}#field_id-5 .field_uneditable { font-weight:normal}#field_id-9 .field_uneditable { font-weight:normal}#field_id-8 .field_uneditable { font-weight:normal}#field_id-13 .field_uneditable { font-weight:normal}.tableRow .genmed {  font-size:13px;  font-family:"arial"; }.tableBorder, .wwgAdTable {    border: 1px solid #FFFFFF;    background-color: #FFFFFF;    width: 100%;    font: 13px sans-serif}</style>

I will try to do a guess without testing the code. Maybe it works xD

In profile_view_body find this:

Code:

 <td>Gebruikersnaam:</td>
<td>System32</td>

Now, I am not sure if it says System32, I am sure it says something like {WHATEVER}. Anyway, change it like this:

Code:

 <td>Gebruikersnaam:</td>
<td class="fa_username"></td>

After that create a script that will probably look like this:

Code:

$(document).ready(function(){
 
  var userTitle = $(".fa_personal_title").text();
  $(`${userTitle}`).insertAfter( $(".fa_username") );
 
});

Again, this is not tested so I don't know if it will work. The script should be applied for profiles.

Not working. :)

Edit, i have change this from:

Code:             <td>Gebruikersnaam:</td>             <td class="fa_username"></td>

TO:

Code:             <td>Gebruikersnaam:</td>             <td class="fa_username">{USERNAME}</td>

Your code hide the username. :)

Edit script like this:

Code:

$(document).ready(function(){
var userTitle = $(".fa_personal_title").text();
$(".fa_username span").append(`<br>${userTitle}`);
});

It's works, is it possible to set it directly after the word "Lidnaam" ? As you can see is the view not good. :)

Of course it is, but you must find in your code where is Lidnaam



And when you do, you will add class the way I show in the image:

Code: class="fa_username"

When you do that, you must remove the class you added before. For the username. Because if you keep that, it will add twice. Now, when you remove first one, and add this one, let me know how it looks like.

I don't understand.. Can you please edit the template for me please?

Code:

<table cellspacing="1" cellpadding="3" class="tableBorder" align="center">
  <tbody>
    <tr class="tableLedger">
      <td width="50%">Leden Profiel: Guest</td>
      <td width="50%">Actieve Statistieken</td>
    </tr>
    <tr class="tableRow">
      <td valign="top">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tbody>
            <tr>
              <td width="10%">{AVATAR_IMG}</td>
              <td width="10%"> </td>
            </tr>
            <tr>
            <td>Gebruikersnaam:</td>
            <td class="fa_username">Guest</td>
            </tr>
            <tr>
            <td>Lidnaam:</td>
            <td><table class="fa_username"></table></td>
            </tr>           
            <tr>
              <td>Groep:</td>
              <td>{POSTER_RANK}</td><br />
            </tr>
            <td>{L_ADMINISTRATE_USER} {ADMINISTRATE_USER}{BAN_USER}</td>
          </tbody>
        </table>
      </td>
      <td valign="top">
        <table width="100%" border="0" cellspacing="1" cellpadding="2">
          <tbody>
            <tr>
              <td width="30%">Account Status:</td>
              <td width="80%">Active</td>
            </tr>
            <!-- BEGIN switch_show_status -->
            <tr>
              <td>Online Status:</td>
              <td>{USER_ONLINE}</td>
            </tr>
            <!-- END switch_show_status -->
            <tr>
              <td>Lid geworden:</td>
              <td>{LAST_VISIT_TIME}</td>
            </tr>
            <tr>
              <td>Laatst actief:</td>
              <td>{LAST_VISIT_TIME}</td>
            </tr>
            <tr>
              <td>Berichten:</td>
              <td>{L_POSTS} {POST_PERCENT_STATS} / {POST_DAY_STATS}</td>
            </tr>
            <tr>
              <td>Zoek berichten:</td>
              <td><a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a>  <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr class="tableLedger">
      <td width="50%">Informatie</td>
      <td width="50%">Awards</td>
    </tr>
    <tr class="tableRow">
    <td valign="top">
      <table width="100%" border="0" cellspacing="1" cellpadding="2">
        <!-- BEGIN profile_field -->
        <tr id="field_id{profile_field.ID}">
          <td width="40%" align="left" valign="top" nowrap="nowrap"><span class="genmed">{profile_field.LABEL}  </span></td>
          <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
            <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
                - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
        </tr>
        <!-- END profile_field -->
      </table>
      </td>
      <!-- BEGIN switch_awards -->
      <td class="row1 awards_block_simple_wrapper" valign="top">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
            <td class="awards_block_simple"><span class="gen"><strong>{switch_awards.AWARDS_LIST}</strong></span></td>
          </tr>
        </table>
      </td>
      <!-- END switch_awards -->
    </tr>
    <tr class="tableLedger">
      <td>Communicatie</td>
      <td width="50%">{L_FRIENDS_AND_FOES}</td>
    </tr>
    <tr class="tableRow">
      <td valign="top">
      <!-- BEGIN contact_field -->
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr id="field_id{contact_field.ID}">
            <td width="40%" align="left" valign="top" nowrap="nowrap"><span class="genmed">{contact_field.LABEL}  </span></td>
            <td width="60%"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>
          </tr>
        </table>
        <!-- END contact_field -->
      </td>
      <td valign="top">
        <!-- BEGIN switch_allow_friendsfoes -->
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
            <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
          </tr>
        </table>
        <!-- END switch_allow_friendsfoes -->
      </td>
    </tr>
  </tbody>
</table>

<script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span, div') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>
       
<style>
.tableRow tr td {
  font-size:13px;
  font-family:"arial";
}
  #field_id1 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-20 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-12 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-6 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-5 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-9 .genmed span {
  font-size:13px;
  font-family:"arial";   
}
#field_id-8 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-13 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id2 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id3 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#profile-advanced-details dl dt {
  font-size:13px;
  font-family:"arial";
}
  .fa_personal_title td {
   font-weight:normal   
}
#field_id-20 .field_uneditable {
   font-weight:normal
}
#field_id-12 .field_uneditable {
   font-weight:normal
}
#field_id-4 .field_uneditable {
   font-weight:normal
}
#field_id-6 .field_uneditable {
   font-weight:normal
}
#field_id-5 .field_uneditable {
   font-weight:normal
}
#field_id-9 .field_uneditable {
   font-weight:normal
}
#field_id-8 .field_uneditable {
   font-weight:normal
}
#field_id-13 .field_uneditable {
   font-weight:normal
}
.tableRow .genmed {
  font-size:13px;
  font-family:"arial";   
}
.tableBorder, .wwgAdTable {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    width: 100%;
    font: 13px sans-serif
}
</style>

Like this:

Code:

<td>Lidnaam:</td>
<td class="fa_username"></td>

Keep in mind that there is something inside second TD element.

I see no different as i replace this. Sorry.. I'm a newby with HTML..

Can you show me the image how it looks right now.

You have to remove the first fa_username class that was put. So, keep the new one, and remove the first time you added it. :P

This is not for me. xD

Code:


<table cellspacing="1" cellpadding="3" class="tableBorder" align="center">
  <tbody>
    <tr class="tableLedger">
      <td width="50%">Leden Profiel: Guest</td>
      <td width="50%">Actieve Statistieken</td>
    </tr>
    <tr class="tableRow">
      <td valign="top">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tbody>
            <tr>
              <td width="10%">{AVATAR_IMG}</td>
              <td width="10%"> </td>
            </tr>
            <tr>
              <td>Gebruikersnaam:</td>
              <td class="fa_username">Guest</td>
            </tr>
            <tr>
              <td>Groep:</td>
              <td>{POSTER_RANK}</td><br />
            </tr>
            <td>{L_ADMINISTRATE_USER} {ADMINISTRATE_USER}{BAN_USER}</td>
          </tbody>
        </table>
      </td>
      <td valign="top">
        <table width="100%" border="0" cellspacing="1" cellpadding="2">
          <tbody>
            <tr>
              <td width="30%">Account Status:</td>
              <td width="80%">Active</td>
            </tr>
            <!-- BEGIN switch_show_status -->
            <tr>
              <td>Online Status:</td>
              <td>{USER_ONLINE}</td>
            </tr>
            <!-- END switch_show_status -->
            <tr>
              <td>Lid geworden:</td>
              <td>{LAST_VISIT_TIME}</td>
            </tr>
            <tr>
              <td>Laatst actief:</td>
              <td>{LAST_VISIT_TIME}</td>
            </tr>
            <tr>
              <td>Berichten:</td>
              <td>{L_POSTS} {POST_PERCENT_STATS} / {POST_DAY_STATS}</td>
            </tr>
            <tr>
              <td>Zoek berichten:</td>
              <td><a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a>  <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr class="tableLedger">
      <td width="50%">Informatie</td>
      <td width="50%">Awards</td>
    </tr>
    <tr class="tableRow">
    <td valign="top">
      <table width="100%" border="0" cellspacing="1" cellpadding="2">
        <!-- BEGIN profile_field -->
        <tr id="field_id{profile_field.ID}">
          <td width="40%" align="left" valign="top" nowrap="nowrap"><span class="genmed">{profile_field.LABEL}  </span></td>
          <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
            <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
                - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
        </tr>
        <!-- END profile_field -->
      </table>
      </td>
      <!-- BEGIN switch_awards -->
      <td class="row1 awards_block_simple_wrapper" valign="top">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
            <td class="awards_block_simple"><span class="gen"><strong>{switch_awards.AWARDS_LIST}</strong></span></td>
          </tr>
        </table>
      </td>
      <!-- END switch_awards -->
    </tr>
    <tr class="tableLedger">
      <td>Communicatie</td>
      <td width="50%">{L_FRIENDS_AND_FOES}</td>
    </tr>
    <tr class="tableRow">
      <td valign="top">
      <!-- BEGIN contact_field -->
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr id="field_id{contact_field.ID}">
            <td width="40%" align="left" valign="top" nowrap="nowrap"><span class="genmed">{contact_field.LABEL}  </span></td>
            <td width="60%"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>
          </tr>
        </table>
        <!-- END contact_field -->
      </td>
      <td valign="top">
        <!-- BEGIN switch_allow_friendsfoes -->
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
            <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
          </tr>
        </table>
        <!-- END switch_allow_friendsfoes -->
      </td>
    </tr>
  </tbody>
</table>

<script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>
        
<style>
.tableRow tr td {
  font-size:13px;
  font-family:"arial";
}
  #field_id1 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-20 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-12 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-6 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-5 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-9 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-8 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id-13 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id2 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#field_id3 .genmed span {
  font-size:13px;
  font-family:"arial";
}
#profile-advanced-details dl dt {
  font-size:13px;
  font-family:"arial";
}
  .fa_personal_title td {
 font-weight:normal
}
#field_id-20 .field_uneditable {
 font-weight:normal
}
#field_id-12 .field_uneditable {
 font-weight:normal
}
#field_id-4 .field_uneditable {
 font-weight:normal
}
#field_id-6 .field_uneditable {
 font-weight:normal
}
#field_id-5 .field_uneditable {
 font-weight:normal
}
#field_id-9 .field_uneditable {
 font-weight:normal
}
#field_id-8 .field_uneditable {
 font-weight:normal
}
#field_id-13 .field_uneditable {
 font-weight:normal
}
.tableRow .genmed {
  font-size:13px;
  font-family:"arial";
}
.tableBorder, .wwgAdTable {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    width: 100%;
    font: 13px sans-serif
}
</style>


Where did Lidnam vanished? :D

Can you find this in your code:

Code:

<tr>
              <td>Gebruikersnaam:</td>
              <td class="fa_username">System32</td>
            </tr>

Just after that add this:

Code:

<tr>
              <td>Lidnaam:</td>
              <td class="fa_username"></td>
            </tr>

So it will look like:

Code:

<tr>
              <td>Gebruikersnaam:</td>
              <td>System32</td>
            </tr>
            <tr>
              <td>Lidnaam:</td>
              <td class="fa_username"></td>
            </tr>

Keep in mind that inside your template it's not system32, it's

Code: {USERNAME}

and who knows whatelse. But you get my point. Main focus is on this one:

Code: <td class="fa_username"></td>

I have add it, i have the same problem. The member title must be have a enter.. :)

Yes, you do. Because you didn't remove the class fa_username from the first "Gebruikersnaam". When I inspect your page, it gives this:

Code:

<tr><td>Gebruikersnaam:</td><td class="fa_username"><span style="color:#000000"><strong>Member</strong>
</span></td></tr>

And what should be is:

Code:

<tr><td>Gebruikersnaam:</td><td><span style="color:#000000"><strong>Member</strong>
</span></td></tr>

Remeber when i told you first time to add that class? Well now you must remove that part :P
But keep what we added second time. :P

I'm sorry.. As you will can you take a look on the /u1 account. It's to much energy for you.. :(

Edit script like this:

Code:

$(document).ready(function(){
var userTitle = $(".fa_personal_title").text();
$(".fa_username span").append(`${userTitle}`);
});

Done, only i don't see it. :)

Because you added the class name not for TD, but for some table inside:



Big no. It should be like this:

Code:

<tr>
<td>Lidnaam:</td>
<td class="fa_username"></td>
</tr>

I send you the /u1 password by private message. It's too late and soon we will be at the end of tomorrow.

Change script to this:

Code:


$(document).ready(function(){
var userTitle = $(".fa_personal_title").text();
$(".fa_username").append(`${userTitle}`);
});

Yeah!
It's works now and solved