Buscar o valor do campo field do perfil

2 participantes

Ir para baixo

Tópico resolvido Buscar o valor do campo field do perfil

Mensagem por Lincoln 28.12.18 0:35

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?
Lincoln
Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por RafaelS. 28.12.18 0:56

Olá @Lincoln,

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

Fico no aguardo. Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por Lincoln 28.12.18 2:00

É 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>
Lincoln
Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por RafaelS. 31.12.18 17:11

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. Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por Lincoln 01.01.19 22:41

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>
Lincoln
Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por RafaelS. 02.01.19 0:14

Ora bem, eu pensei que eu tinha adicionado isso. Louco
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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por Lincoln 02.01.19 16:34

Não resultou não.
Lincoln
Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por RafaelS. 02.01.19 16:39

Olá,

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

Até mais. Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por Lincoln 03.01.19 16:10

Lincoln
Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por RafaelS. 07.01.19 17:12

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. Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por Lincoln 07.01.19 17:26

Não deu certo ainda, veja:

http://prntscr.com/m44im6
Lincoln
Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por RafaelS. 07.01.19 17:29

Olá @Lincoln, veja:
Seta 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por Lincoln 07.01.19 17:38

Resolvido, obrigado!
Lincoln
Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Buscar o valor do campo field do perfil

Mensagem por RafaelS. 07.01.19 17:39

Tópico resolvido


Movido para "Questões resolvidas".
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos