Buscar o valor do campo field do perfil

Detalhes da questão

Endereço do fórum: http://motherfuckers.forumclan.com/
Versão do fórum: ModernBB

Descrição

Olá, estou tentando pegar o valor do campo field "Reputação" para colocar ele no perfil em modo hover, no caso esse abaixo:

https://prnt.sc/m0e9e2

E para isso, estou tentando criar um jQuery mas acho que está meio errado, deem uma olhada:

Código:

jQuery(document).ready(function() {
    $('a[href*="/u"]').mouseover(function() {
       $.get($(this).attr('href'), function(user) {
            $('.reputacao strong').html($('#field_id-14 dd div', user).html());
        });
    });
});

E para mostrar o valor do campo, eu utilizado o html abaixo:

Código:

<div class="reputacao"><strong></strong></div>

Alguém pode me dar um help?

Olá @Lincoln,

Qual é o código que usa para o perfil em "modo hover"? É mais fácil editar por lá.

Fico no aguardo.

É o código padrão, mas não possui o campo reputação e entre outros, apenas mensagens e amigos.

Código:

<div class="main-tooltip">
   <div class="tooltip-content">
      <img src="{USER_AVATAR}" alt="{USER_NAME}" />
      <span class="tooltip-title">{USER_NAME_COLORED}</span>
      <!-- BEGIN switch_rank_info -->
      <span class="tooltip-subtitle">{switch_rank_info.L_RANK}: {switch_rank_info.RANK_TITLE}</span>
      <!-- END switch_rank_info -->
      <ul class="tooltip-counts">
         <li>{L_POSTS}: <b>{POSTS}</b></li>
         <li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
      </ul>
   </div>
   <div class="tooltip-actions">
      <ul>
         <!-- BEGIN switch_button_tooltip_PROFILE -->
         <li>
            <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
               <img src="{switch_button_tooltip_PROFILE.IMAGE}" alt="{switch_button_tooltip_PROFILE.LANG}" />
            </a>
         </li>
         <!-- END switch_button_tooltip_PROFILE -->
         <!-- BEGIN switch_button_tooltip_PM -->
         <li>
            <a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
               <img src="{switch_button_tooltip_PM.IMAGE}" alt="{switch_button_tooltip_PM.LANG}" />
            </a>
         </li>
         <!-- END switch_button_tooltip_PM -->
         <!-- BEGIN switch_button_tooltip_FRIEND -->
         <li>
            <a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
               <img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
            </a>
         </li>
         <!-- END switch_button_tooltip_FRIEND -->
         <!-- BEGIN switch_button_tooltip_MESSAGES -->
         <li>
            <a href="{switch_button_tooltip_MESSAGES.URL}" rel="nofollow" title="{switch_button_tooltip_MESSAGES.LANG}">
               <img src="{switch_button_tooltip_MESSAGES.IMAGE}" alt="{switch_button_tooltip_MESSAGES.LANG}" />
            </a>
         </li>
         <!-- END switch_button_tooltip_MESSAGES -->
         <!-- BEGIN switch_button_tooltip_FACEBOOK -->
         <li>
            <a href="{switch_button_tooltip_FACEBOOK.URL}" target="_blank" title="{switch_button_tooltip_FACEBOOK.LANG}">
               <img src="{switch_button_tooltip_FACEBOOK.IMAGE}" alt="{switch_button_tooltip_FACEBOOK.LANG}" />
            </a>
         </li>
         <!-- END switch_button_tooltip_FACEBOOK -->
         <!-- BEGIN switch_button_tooltip_TWITTER -->
         <li>
            <a href="{switch_button_tooltip_TWITTER.URL}" target="_blank" title="{switch_button_tooltip_TWITTER.LANG}">
               <img src="{switch_button_tooltip_TWITTER.IMAGE}" alt="{switch_button_tooltip_TWITTER.LANG}" />
            </a>
         </li>
         <!-- END switch_button_tooltip_TWITTER -->
      </ul>
   </div>
</div>

Olá @Lincoln,

Experimente trocar o template por este:

Código:

<script>
$(function() {
$('.mentiontag.tooltipstered').mouseover(function() {
  var u = $(this).attr("href");
  $( "#reput" ).load(u+' #field_id-14 dd div');
});
  });
</script><div class="main-tooltip">
  <div class="tooltip-content">
      <img src="{USER_AVATAR}" alt="{USER_NAME}" />
      <span class="tooltip-title">{USER_NAME_COLORED}</span>
      <!-- BEGIN switch_rank_info -->
      <span class="tooltip-subtitle">{switch_rank_info.L_RANK}: {switch_rank_info.RANK_TITLE}</span>
      <!-- END switch_rank_info -->
      <ul class="tooltip-counts">
        <li>{L_POSTS}: <b>{POSTS}</b></li>
        <li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
      </ul>
  </div>
  <div class="tooltip-actions">
      <ul>
        <!-- BEGIN switch_button_tooltip_PROFILE -->
        <li>
            <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
              <img src="{switch_button_tooltip_PROFILE.IMAGE}" alt="{switch_button_tooltip_PROFILE.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PROFILE -->
        <!-- BEGIN switch_button_tooltip_PM -->
        <li>
            <a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
              <img src="{switch_button_tooltip_PM.IMAGE}" alt="{switch_button_tooltip_PM.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PM -->
        <!-- BEGIN switch_button_tooltip_FRIEND -->
        <li>
            <a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
              <img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FRIEND -->
        <!-- BEGIN switch_button_tooltip_MESSAGES -->
        <li>
            <a href="{switch_button_tooltip_MESSAGES.URL}" rel="nofollow" title="{switch_button_tooltip_MESSAGES.LANG}">
              <img src="{switch_button_tooltip_MESSAGES.IMAGE}" alt="{switch_button_tooltip_MESSAGES.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_MESSAGES -->
        <!-- BEGIN switch_button_tooltip_FACEBOOK -->
        <li>
            <a href="{switch_button_tooltip_FACEBOOK.URL}" target="_blank" title="{switch_button_tooltip_FACEBOOK.LANG}">
              <img src="{switch_button_tooltip_FACEBOOK.IMAGE}" alt="{switch_button_tooltip_FACEBOOK.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FACEBOOK -->
        <!-- BEGIN switch_button_tooltip_TWITTER -->
        <li>
            <a href="{switch_button_tooltip_TWITTER.URL}" target="_blank" title="{switch_button_tooltip_TWITTER.LANG}">
              <img src="{switch_button_tooltip_TWITTER.IMAGE}" alt="{switch_button_tooltip_TWITTER.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_TWITTER -->
      </ul>
  </div>
</div>

Até mais.

Mas nesse caso, como eu criaria o HTML pra mostrar o valor? No código que criei, ele mostra da seguinte forma:

Código:

<div class="reputacao"><strong></strong></div>

Ora bem, eu pensei que eu tinha adicionado isso.
Vamos lá denovo, troque por este:

Código:

<script>
$(function() {
$('.mentiontag.tooltipstered').mouseover(function() {
  var u = $(this).attr("href");
  $( "#reput" ).load(u+' #field_id-14 dd div');
});
  });
</script><div class="main-tooltip">
  <div class="tooltip-content">
      <img src="{USER_AVATAR}" alt="{USER_NAME}" />
      <span class="tooltip-title">{USER_NAME_COLORED}</span>
      <!-- BEGIN switch_rank_info -->
      <span class="tooltip-subtitle">{switch_rank_info.L_RANK}: {switch_rank_info.RANK_TITLE}</span>
      <!-- END switch_rank_info -->
      <ul class="tooltip-counts">
        <li>{L_POSTS}: <b>{POSTS}</b></li>
        <li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
        <li>Reputação: <b><span id="reput"></span></b></li>
      </ul>
  </div>
  <div class="tooltip-actions">
      <ul>
        <!-- BEGIN switch_button_tooltip_PROFILE -->
        <li>
            <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
              <img src="{switch_button_tooltip_PROFILE.IMAGE}" alt="{switch_button_tooltip_PROFILE.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PROFILE -->
        <!-- BEGIN switch_button_tooltip_PM -->
        <li>
            <a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
              <img src="{switch_button_tooltip_PM.IMAGE}" alt="{switch_button_tooltip_PM.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PM -->
        <!-- BEGIN switch_button_tooltip_FRIEND -->
        <li>
            <a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
              <img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FRIEND -->
        <!-- BEGIN switch_button_tooltip_MESSAGES -->
        <li>
            <a href="{switch_button_tooltip_MESSAGES.URL}" rel="nofollow" title="{switch_button_tooltip_MESSAGES.LANG}">
              <img src="{switch_button_tooltip_MESSAGES.IMAGE}" alt="{switch_button_tooltip_MESSAGES.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_MESSAGES -->
        <!-- BEGIN switch_button_tooltip_FACEBOOK -->
        <li>
            <a href="{switch_button_tooltip_FACEBOOK.URL}" target="_blank" title="{switch_button_tooltip_FACEBOOK.LANG}">
              <img src="{switch_button_tooltip_FACEBOOK.IMAGE}" alt="{switch_button_tooltip_FACEBOOK.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FACEBOOK -->
        <!-- BEGIN switch_button_tooltip_TWITTER -->
        <li>
            <a href="{switch_button_tooltip_TWITTER.URL}" target="_blank" title="{switch_button_tooltip_TWITTER.LANG}">
              <img src="{switch_button_tooltip_TWITTER.IMAGE}" alt="{switch_button_tooltip_TWITTER.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_TWITTER -->
      </ul>
  </div>
</div>

Até mais.

Não resultou não.

Olá,

Pode me indicar um tópico do seu fórum que tenha o tooltip?

Até mais.

Olá, aqui está:

http://motherfuckers.forumclan.com/t2-boteco-mfs#40

Olá!

Troque o template por este:

Código:

<script>
$(function() {
 
$('.mentiontag.tooltipstered').mouseenter(function() {
    var u = $(this).attr("href");
 
  function check() {
    $( "#reput" ).load(u+' #field_id-14 dd div');
  }
   
setTimeout(function(){ check(); }, 1000);
});
});
</script>
<style>
#reput div {display:inline;}
</style><div class="main-tooltip">
  <div class="tooltip-content">
      <img src="{USER_AVATAR}" alt="{USER_NAME}" />
      <span class="tooltip-title">{USER_NAME_COLORED}</span>
      <!-- BEGIN switch_rank_info -->
      <span class="tooltip-subtitle">{switch_rank_info.L_RANK}: {switch_rank_info.RANK_TITLE}</span>
      <!-- END switch_rank_info -->
      <ul class="tooltip-counts">
        <li>{L_POSTS}: <b>{POSTS}</b></li>
        <li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
        <li>Reputação: <b><span id="reput"></span></b></li>
      </ul>
  </div>
  <div class="tooltip-actions">
      <ul>
        <!-- BEGIN switch_button_tooltip_PROFILE -->
        <li>
            <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
              <img src="{switch_button_tooltip_PROFILE.IMAGE}" alt="{switch_button_tooltip_PROFILE.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PROFILE -->
        <!-- BEGIN switch_button_tooltip_PM -->
        <li>
            <a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
              <img src="{switch_button_tooltip_PM.IMAGE}" alt="{switch_button_tooltip_PM.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PM -->
        <!-- BEGIN switch_button_tooltip_FRIEND -->
        <li>
            <a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
              <img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FRIEND -->
        <!-- BEGIN switch_button_tooltip_MESSAGES -->
        <li>
            <a href="{switch_button_tooltip_MESSAGES.URL}" rel="nofollow" title="{switch_button_tooltip_MESSAGES.LANG}">
              <img src="{switch_button_tooltip_MESSAGES.IMAGE}" alt="{switch_button_tooltip_MESSAGES.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_MESSAGES -->
        <!-- BEGIN switch_button_tooltip_FACEBOOK -->
        <li>
            <a href="{switch_button_tooltip_FACEBOOK.URL}" target="_blank" title="{switch_button_tooltip_FACEBOOK.LANG}">
              <img src="{switch_button_tooltip_FACEBOOK.IMAGE}" alt="{switch_button_tooltip_FACEBOOK.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FACEBOOK -->
        <!-- BEGIN switch_button_tooltip_TWITTER -->
        <li>
            <a href="{switch_button_tooltip_TWITTER.URL}" target="_blank" title="{switch_button_tooltip_TWITTER.LANG}">
              <img src="{switch_button_tooltip_TWITTER.IMAGE}" alt="{switch_button_tooltip_TWITTER.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_TWITTER -->
      </ul>
  </div>
</div>

Até mais.

Não deu certo ainda, veja:

http://prntscr.com/m44im6

Olá @Lincoln, veja:
http://prntscr.com/m44jse

Lembre-se que pode demorar um pouco a carregar a informação, uma vez que tem de ser carregada do perfil!
Ainda assim, vamos trocar por este para que tenha um valor "padrão":

Código:

<script>
$(function() {
 
$('.mentiontag.tooltipstered').mouseenter(function() {
    var u = $(this).attr("href");
 
  function check() {
    $( "#reput" ).load(u+' #field_id-14 dd div');
  }
 
setTimeout(function(){ check(); }, 1000);
});
});
</script>
<style>
#reput div {display:inline;}
</style><div class="main-tooltip">
  <div class="tooltip-content">
      <img src="{USER_AVATAR}" alt="{USER_NAME}" />
      <span class="tooltip-title">{USER_NAME_COLORED}</span>
      <!-- BEGIN switch_rank_info -->
      <span class="tooltip-subtitle">{switch_rank_info.L_RANK}: {switch_rank_info.RANK_TITLE}</span>
      <!-- END switch_rank_info -->
      <ul class="tooltip-counts">
        <li>{L_POSTS}: <b>{POSTS}</b></li>
        <li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
        <li>Reputação: <b><span id="reput">0</span></b></li>
      </ul>
  </div>
  <div class="tooltip-actions">
      <ul>
        <!-- BEGIN switch_button_tooltip_PROFILE -->
        <li>
            <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
              <img src="{switch_button_tooltip_PROFILE.IMAGE}" alt="{switch_button_tooltip_PROFILE.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PROFILE -->
        <!-- BEGIN switch_button_tooltip_PM -->
        <li>
            <a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
              <img src="{switch_button_tooltip_PM.IMAGE}" alt="{switch_button_tooltip_PM.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_PM -->
        <!-- BEGIN switch_button_tooltip_FRIEND -->
        <li>
            <a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
              <img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FRIEND -->
        <!-- BEGIN switch_button_tooltip_MESSAGES -->
        <li>
            <a href="{switch_button_tooltip_MESSAGES.URL}" rel="nofollow" title="{switch_button_tooltip_MESSAGES.LANG}">
              <img src="{switch_button_tooltip_MESSAGES.IMAGE}" alt="{switch_button_tooltip_MESSAGES.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_MESSAGES -->
        <!-- BEGIN switch_button_tooltip_FACEBOOK -->
        <li>
            <a href="{switch_button_tooltip_FACEBOOK.URL}" target="_blank" title="{switch_button_tooltip_FACEBOOK.LANG}">
              <img src="{switch_button_tooltip_FACEBOOK.IMAGE}" alt="{switch_button_tooltip_FACEBOOK.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_FACEBOOK -->
        <!-- BEGIN switch_button_tooltip_TWITTER -->
        <li>
            <a href="{switch_button_tooltip_TWITTER.URL}" target="_blank" title="{switch_button_tooltip_TWITTER.LANG}">
              <img src="{switch_button_tooltip_TWITTER.IMAGE}" alt="{switch_button_tooltip_TWITTER.LANG}" />
            </a>
        </li>
        <!-- END switch_button_tooltip_TWITTER -->
      </ul>
  </div>
</div>

Desse jeito, antes de carregar já terá um 0.

Resolvido, obrigado!