Botão do Menu que Redireciona para Links Aleatórios

[Br_SP_Rodrigo]

Detalhes da questão

Endereço do fórum: http://www.novaerarpg.com
Versão do fórum: Invision

Descrição

Eu criei um novo botão de menu em meu fórum, ele tem a forma de um dado de RPG e eu queria que a cada vez que alguém clicasse nesse botão, a pessoa fosse redirecionada para algum link aleatório (dentro de links pré-determinados por mim). Gostaria de saber que código posso usar para isso. O nome do botão é Dado D20.

Grato desde já.

[Luiz]

Olá,

Eu não vejo nenhum botão ativo, exceto estes:
-> http://prntscr.com/foj7s5

Poderia ceder a permissão do botão em questão aos convidados somente à esse período de testes? o/

[Br_SP_Rodrigo]

Olá,

Eu não vejo nenhum botão ativo, exceto estes:
-> http://prntscr.com/foj7s5

Poderia ceder a permissão do botão em questão aos convidados somente à esse período de testes? o/

Olá Luiz,

Eu tenho ele ativo no meu fórum teste, por que não quero disponibilizar o botão sem ele estar funcionando perfeitamente em meu fórum principal. Tem como você dar uma olhada aqui? http://novaerarpgtestes.forumeiros.com/

Obrigado.

[Luiz]

@Br_SP_Rodrigo,

Eu não vejo o botão ativado aqui:
-> http://prntscr.com/fojrcx

Poderia rever isso?
Nota-se que as chances de obtermos sucesso de primeira são bem maiores no fórum principal, por isso prefiro fazer lá.
Mas fica à seu critério.

o/

[Br_SP_Rodrigo]

@"Br_SP_Rodrigo",

Eu não vejo o botão ativado aqui:
-> http://prntscr.com/fojrcx

Poderia rever isso?
Nota-se que as chances de obtermos sucesso de primeira são bem maiores no fórum principal, por isso prefiro fazer lá.
Mas fica à seu critério.

o/

Olá Luiz,

Eu circulei em vermelho o botão o qual me refiro, como você pode ver na imagem.



Quero que esse botão circulado redirecione para certas páginas aleatoriamente. Como esse fórum teste usa o mesmo código base do principal, tenho certeza que dará certo. Obrigado desde já!

[Luiz]

Crie um novo JS investido em todas as páginas com o código:

Código:

(function ($) {
  'use strict';
 
  var links = [
    'http://i.imgur.com/fmlapdl.png',
    'http://i.imgur.com/HOcDHIO.png',
    'http://i.imgur.com/wbjXd6Y.png'
  ];
 
  $(function () {
    var linkCount = links.length;
    var sortedlink = Math.floor(Math.random() * linkCount);
 
    $('a img[src="http://www.f2studio.com.br/novaerarpg/d20.png"]')
      .parent('a')
        .attr('href', links[sortedlink])
    ;
  });
}(jQuery));

Os links podem ser modificados aqui:

Código:

  var links = [
    'http://i.imgur.com/fmlapdl.png',
    'http://i.imgur.com/HOcDHIO.png',
    'http://i.imgur.com/wbjXd6Y.png'
  ];

Lembre-se de colocar vírgulas após cada string (aspas), exceto na última, como fora feito acima.
Toda vez que a página for atualizada, um link randômico será colocado, com base nos que você configurou no script acima.

o/

[Br_SP_Rodrigo]

Crie um novo JS investido em todas as páginas com o código:

Código:

(function ($) {
  'use strict';
 
  var links = [
    'http://i.imgur.com/fmlapdl.png',
    'http://i.imgur.com/HOcDHIO.png',
    'http://i.imgur.com/wbjXd6Y.png'
  ];
 
  $(function () {
    var linkCount = links.length;
    var sortedlink = Math.floor(Math.random() * linkCount);
 
    $('a img[src="http://www.f2studio.com.br/novaerarpg/d20.png"]')
      .parent('a')
        .attr('href', links[sortedlink])
    ;
  });
}(jQuery));

Os links podem ser modificados aqui:

Código:

  var links = [
    'http://i.imgur.com/fmlapdl.png',
    'http://i.imgur.com/HOcDHIO.png',
    'http://i.imgur.com/wbjXd6Y.png'
  ];

Lembre-se de colocar vírgulas após cada string (aspas), exceto na última, como fora feito acima.
Toda vez que a página for atualizada, um link randômico será colocado, com base nos que você configurou no script acima.

o/

Maravilha, mas eu percebi que ele só consegue gerar outras páginas randomicamente após atualizar a página atual. Deixa eu tentar explicar melhor.

Como está agora - Eu clico no Dado e ele abre uma nova guia de Internet com uma página randômica do código. Porém se eu continuar clicando no dado seguidas vezes, ele vai abrir várias guias sempre a mesma página, até que eu atualize a página inicial e clique novamente no dado.

Como eu gostaria - Eu gostaria não precisar atualizar a página para gerar um novo valor randômico. Se não for possível, tudo bem.

Grato desde já.

[Luiz]

Tente trocar por este:

Código:

(function ($) {
  'use strict';
 
  var links = [
    'http://i.imgur.com/fmlapdl.png',
    'http://i.imgur.com/HOcDHIO.png',
    'http://i.imgur.com/wbjXd6Y.png'
  ];
 
  $(function () {
    var linkCount = links.length;
    var sortedlink = Math.floor(Math.random() * linkCount);
 
    $('a img[src="http://www.f2studio.com.br/novaerarpg/d20.png"]')
      .parent('a')
        .attr('href', 'javascript:void(0)')
          .on('click', function (event) {
           
            event.preventDefault();
            location.href = links[sortedlink];
           
          })
    ;
  });
}(jQuery));

o/

[Br_SP_Rodrigo]

Não era bem isso o que quis explicar por ultimo, mas tudo bem. Do jeito que está, está bom.

Valeu.

[Luiz]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.