Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Personalização do perfil
Hoje à(s) 2:39 por jeys

» Problemas ao usar o chatbox com abas na barra de ferramentas
Hoje à(s) 1:16 por Br_SP_Rodrigo

» [Ranks] Ranks para fórum.
Hoje à(s) 0:35 por Tiger

» Lista de imagens com múltiplas escolhas
Hoje à(s) 0:09 por iScroll

» Tradução dos mini-jogos
Ontem à(s) 22:55 por ZombieW

» Portal
Ontem à(s) 21:10 por Luiz~

» Fundo Preto
Ontem à(s) 20:28 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
188 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 186 Visitantes :: 1 Motor de busca

Br_SP_Rodrigo, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Lista de imagens com múltiplas escolhas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Em curso Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Sab 20 Maio 2017 - 23:42

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição


Bom, recentemente adicionei uma loja no forum cujo o qual os membros poderão comprar com "PONTOS" seus troféus/conquistas.
Criei um campo de perfil para isso cujo os moderadores do fórum poderão editar, veja: http://prntscr.com/fa72mn
Neste campo funciona como lista de imagens, mas é impossível adicionar +1 imagem para aparecer.
Eu gostaria disso pelo efeito "Tolltip" que ele tem, como por exemplo: http://prntscr.com/fa72xt

Seria possível algo do tipo?
Teria que mudar para zona de texto sem o efeito tolltip?

Desde já agradeço ao suporte.
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por Luiz~ em Dom 21 Maio 2017 - 13:11

Não entendi muito bem o que o senhor deseja, mas tente:
Código:
(function ($) {
  'use strict';

  $(function () {
    $('img[src="_SRC_DA_IMAGEM_"]').attr('title', '_TOOLTIP_AQUI_');
  });
}(jQuery));

Basta modificar o source da imagem e o atributo title. o/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2463
Pontos Ativos : 3313

http://1forum1.forumeiros.com/

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Seg 22 Maio 2017 - 19:25

Perfeito, mas nao teria um jeito de escolher varias imagens para por ?
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por Kyo Panda em Ter 23 Maio 2017 - 12:43

Você quer que o usuário possa selecionar múltiplas imagens ou que o tooltip seja aplicado a múltiplas imagens?


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3343
Pontos Ativos : 4641

http://ajuda.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Ter 23 Maio 2017 - 16:45

@Kyo Panda escreveu:Você quer que o usuário possa selecionar múltiplas imagens ou que o tooltip seja aplicado a múltiplas imagens?

Na vdd so os moderadores vao poder escolher, e vai ser pra ambos, tipo colpco duas img,uma de contribuidor e outro de teamspeak, ai ele passa o mouse no contribuidor e vai aparecer "contribuidor"
No outro vai aparecer "teamspeaker" entenderam?
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por Luiz~ em Ter 23 Maio 2017 - 17:07

Para fazer com que somente os moderadores possam modificar, na configuração do campo em questão, procure por:
Quem pode modificar o valor do seu conteúdo ? e coloque Moderadores.

Já para o tooltip, basta usar o código que passei acima, com as outras imagens. Feliz

o/
Você pode criar quantos quiser, veja:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('img[src="_SRC_DA_IMAGEM_"]').attr('title', '_TOOLTIP_AQUI_');
    $('img[src="_SRC_DA_IMAGEM_"]').attr('title', '_TOOLTIP_AQUI_');
    $('img[src="_SRC_DA_IMAGEM_"]').attr('title', '_TOOLTIP_AQUI_');
    // E assim por diante...
  });
}(jQuery));


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2463
Pontos Ativos : 3313

http://1forum1.forumeiros.com/

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Ter 23 Maio 2017 - 22:57

@Luiz~ escreveu:Para fazer com que somente os moderadores possam modificar, na configuração do campo em questão, procure por:
Quem pode modificar o valor do seu conteúdo ? e coloque Moderadores.

Já para o tooltip, basta usar o código que passei acima, com as outras imagens. Feliz

o/
Você pode criar quantos quiser, veja:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('img[src="_SRC_DA_IMAGEM_"]').attr('title', '_TOOLTIP_AQUI_');
    $('img[src="_SRC_DA_IMAGEM_"]').attr('title', '_TOOLTIP_AQUI_');
    $('img[src="_SRC_DA_IMAGEM_"]').attr('title', '_TOOLTIP_AQUI_');
    // E assim por diante...
  });
}(jQuery));

Disto eu ja entendi caro amigo, só queria saber isso aqui:
Olha esse exemplo duma lista de imagem do meu fórum para as organizações:
http://imgur.com/a/YbAKW
Veja, só dá para escolher um rank, se fosse no caso, eu usaria icones e queria escolher vários para os usuários.
Seria possível?
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por Luiz~ em Ter 23 Maio 2017 - 23:34

Creio que não seja possível, mas você pode escolher uma imagem que podemos recolocá-la usando Javascript:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('img[src="_SRC_DA_IMAGEM_"]').replaceWith('<img src="_IMAGEM_1_" /> <br/> <img src="_IMAGEM_2_" />');
    // E assim por diante...
  });
}(jQuery));

Seria isso? o7


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2463
Pontos Ativos : 3313

http://1forum1.forumeiros.com/

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Ter 23 Maio 2017 - 23:49

@Luiz~ escreveu:Creio que não seja possível, mas você pode escolher uma imagem que podemos recolocá-la usando Javascript:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('img[src="_SRC_DA_IMAGEM_"]').replaceWith('<img src="_IMAGEM_1_" /> <br/> <img src="_IMAGEM_2_" />');
    // E assim por diante...
  });
}(jQuery));

Seria isso? o7

Nao.
Tipo, eu vou criar uma loja e o player vai comprar com pontos os icones que ele quiser, dai os moderadores irão setar pra ele, no total de 10 icones.
No caso tipo, vou ter o icone de admin, dono, colaborador. ai quero comprar a de web designer, faço o pedido pela loja e o adm me seta +1 apenas selecionando.
Entendeu ?
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Qui 25 Maio 2017 - 1:06

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por Kyo Panda em Qui 25 Maio 2017 - 12:52

Crie um campo de perfil do tipo múltipla escolha, definindo como opção as URLs das imagens. Escolha algum membro, selecione algumas das opções e nos dê um toque aqui para bolarmos um código.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3343
Pontos Ativos : 4641

http://ajuda.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Qui 25 Maio 2017 - 21:57

Veja: http://imgur.com/a/yW5dt

Não tem como por imagens, infelizmente.. Não aparece nem pondo sem o [-img]URL[/img]

-----
Edit:

O membro é esse: http://www.brasilplayultimate.com.br/u222
Também alterei para os "Emblemas" ficarem por último.
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por Kyo Panda em Qui 25 Maio 2017 - 22:01

Peço que remova a tag [img] e mantenha apenas a URL.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3343
Pontos Ativos : 4641

http://ajuda.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll em Qui 25 Maio 2017 - 22:04

Feito.
Vale ressaltar que acrescentarei mais a medida que for passando o tempo, esses são só de testes.
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por Kyo Panda Ontem à(s) 14:32

Adicione a um novo script com investimento em todas as páginas:

Código:
(function($) {
   'use strict';
   
   var config = {
      names: ['Emblemas'],
   };
   
   var query = $.map(config.names, function(name) {
      return [
           'dl[id^="field_id"] span:contains("' + name + '")'
         , '.label span:contains("' + name + '")'
      ].join(', ');
   }).join(', ');
   
   
   $(function() {
      $(query).closest('dl, .post_field').find('li').each(function() {
         var $this = $(this);
         $this.html($('<img>', { src: $this.text() }).prop('outerHTML'));
      });
   });
}(jQuery));


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3343
Pontos Ativos : 4641

http://ajuda.forumeiros.com

Em curso Re: Lista de imagens com múltiplas escolhas

Mensagem por iScroll Hoje à(s) 0:09

Resultou mas veja como fica quando vou editar pelo perfil: http://i.imgur.com/K2jSYb9.png?1

Também nao tem o tolltip, veja: http://i.imgur.com/moHoW85.png

Além disso gostaria que ficasse assim: http://i.imgur.com/fpK3Rl8.png?1
Está assim: http://i.imgur.com/DAjZFcY.png?1
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 743
Pontos Ativos : 1037

http://testealrpg.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum