Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hugo Barbiellini

[Resolvido] Produtos aleatorios sem repetição JAVA

Recommended Posts

Ola eu sou novo aqui, gostaria de uma ajuda..

não tenho noção quase nada de Javascript...

mas fiz um esquema pro meu site... que apareca o seguinte..

 

5 produtos.. ou seja.. eu tenho 15 produtos no meu código html..

e quero que a cada clique os 5 mudem... ou seja.. fique RANDOM

 

eu até consegui com esse código aqui...

<script type="text/javascript">
<!--
var propaganda = new Array()
propaganda[0] = "aaaa";
propaganda[1] = "bbbb";
propaganda[2] = "cccc";
propaganda[3] = "dddd";
propaganda[4] = "eeee";
propaganda[5] = "ffff";
propaganda[6] = "iiii";

var random = Math.floor((Math.random() * propaganda.length));
var random2 = Math.floor((Math.random() * propaganda.length));
var random3 = Math.floor((Math.random() * propaganda.length));
var random4 = Math.floor((Math.random() * propaganda.length));
var random5 = Math.floor((Math.random() * propaganda.length));

document.write(propaganda[random] + propaganda[random2] + propaganda[random3] + propaganda[random4] + propaganda[random5]);
-->
</script>

 

 

porem preciso que eles não se repitam!!

 

por favor me ajudem! =x

Compartilhar este post


Link para o post
Compartilhar em outros sites

sorteia o array:

http://www.w3schools.com/jsref/jsref_sort.asp

 

e exiba ele na ordem 0,1,2,3... as posições estarão embaralhadas, como você quer.

ai você não precisa desse 'random'.

Compartilhar este post


Link para o post
Compartilhar em outros sites

e dentre os próximos 3, não pode ter nenhum dos primeiros 3?

 

se for assim, você terá que trabalhar com COOKIES, além de fazer oque eu indiquei.

 

agora se 'não importa', oque postei já resolve para você.

Compartilhar este post


Link para o post
Compartilhar em outros sites

não brother.. tipo... assim oh os numeros.. 1, 2, 3, 4, 5, 6

ai o cara abre a pagina aparece.. 1, 3, 5

ai ele da um refresh aparece.. 1, 4, 6 ou 3, 5, 2

 

o que não quero é que ta acontecendo assim..

 

1, 1, 2

6, 2, 2

 

e infelizmente.. eu não sei mexer muito beem nesse codigo..

você pediu pra eu sortear o Array.. eu não sei faze-lo =x

estava esperando mudanças no codigo.. mas nao por minha conta.. hahaha

 

perdao..

me voce pode me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

estava esperando mudanças no codigo.. mas nao por minha conta.. hahaha

 

okay, porém:

-> não vou fazer para você.

 

te ajudar, é diferente disso.

o trabalho é seu, então é por sua conta ^_^

 

viu o link que postei ?

ao menos leia e entenda.

http://www.w3schools.com/jsref/jsref_sort.asp

Compartilhar este post


Link para o post
Compartilhar em outros sites

Certo. olhei aqui, e.. SORT()

serve para Ordenar a variavel.. por crescente.. decrescente.. e de A a Z

foi isso que o site me mostrou ;x

 

porem o meu problema não se resolve com isso.

 

aqui esta o codigo que usei..

 

<script type="text/javascript">
      <!--

      var propaganda = new Array()

      propaganda[0] = "<a href=#><img src=img/produtos-ofertas/display-apple-led.jpg width=130 height=90 /><p class=cinza>Display Apple LED 27” apenas <b>R$ 3.990,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[1] = "<a href=#><img src=img/produtos-ofertas/display-lacie-2.jpg width=130 height=90 /><p class=cinza>LACIE-324 24”<br />apenas <b>R$ 3.790,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[2] = "<a href=#><img src=img/produtos-ofertas/mac-mini.jpg width=130 height=90 /><p class=cinza>Mac mini<br />a partir de <b>R$ 2.490,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[3] = "<a href=#><img src=img/produtos-ofertas/display-apple-led.jpg width=130 height=90 /><p class=cinza>Display Apple LED 27” apenas <b>R$ 3.990,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[4] = "<a href=#><img src=img/produtos-ofertas/imac-21.jpg width=130 height=90 /><p class=cinza>iMac<br />a partir de <b>R$ 3.990,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[5] = "<a href=#><img src=img/produtos-ofertas/macbook.jpg width=130 height=90 /><p class=cinza>MacBook<br />apenas <b>R$ 2.790,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[6] = "<a href=#><img src=img/produtos-ofertas/macbook-pro.jpg width=130 height=90 /><p class=cinza>MacBook Pro<br />a partir de <b>R$ 3.399,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[7] = "<a href=#><img src=img/produtos-ofertas/macbook-air.jpg width=130 height=90 /><p class=cinza>MacBook Air<br />apenas <b>R$ 3.999,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[8] = "<a href=#><img src=img/produtos-ofertas/mac-pro.jpg width=130 height=90 /><p class=cinza>Mac Pro<br />a partir de <b>R$ 7.490,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[9] = "<a href=#><img src=img/produtos-ofertas/cintiq.jpg width=130 height=90 /><p class=cinza>Cintiq<br />a partir de <b>R$ 4.599,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[10] = "<a href=#><img src=img/produtos-ofertas/bamboo.jpg width=130 height=90 /><p class=cinza>Bamboo<br />a partir de <b>R$ 290,00</b></p><p class=clique>Clique aqui</p></a></div>";
      propaganda[11] = "<a href=#><img src=img/produtos-ofertas/intuos4.jpg width=130 height=90 /><p class=cinza>Intuos4<br />a partir de <b>R$ 879,00</b></p><p class=clique>Clique aqui</p></a></div>";

      var random = Math.floor((Math.random() * propaganda.length));
      var random2 = Math.floor((Math.random() * propaganda.length));
      var random3 = Math.floor((Math.random() * propaganda.length));
      var random4 = Math.floor((Math.random() * propaganda.length));
      var random5 = Math.floor((Math.random() * propaganda.length));



      document.write("<div class=ofertas>" + propaganda[random] + "<div class=ofertas>" + propaganda[random2] + "<div class=ofertas>" + propaganda[random3] + "<div class=ofertas>" + propaganda[random4] + "<div id=ofertas-ultima class=ofertas>" + propaganda[random5]);
      -->
    </script>

 

Esse codigo me oferece o seguinte resultado..

 

em uma DIV.. aparecem 5.. desses 12 produtos que postei.. Randomicamente!!

o meu problema é o seguinte... as vezes.. ele repete o produto.

 

por exemplo; propaganda[1]... com propaganda[1]..

 

sera que alguem pode me ajudar?

se não entenderem o meu problema, eu posso explicar melhor.. caso aconteca..

é só perguntar.. ao invez de tentar explicar com toda a ignorancia do mundo!

 

aguardandoo.. e Obrigado imasters.. o forum de vocês é divino.

Compartilhar este post


Link para o post
Compartilhar em outros sites

use o Responder Azul: Imagem Postada

ou a 'Resposta Rápida'.

 

exemplo:

<script type="text/javascript">
	var propaganda = new Array();
	propaganda[0] = '1';
	propaganda[1] = '2';
	propaganda[2] = '3';
	propaganda[3] = '4';
	propaganda[4] = '5';
	propaganda[5] = '6';
	propaganda[6] = '7';
	propaganda[7] = '8';
	propaganda[8] = '9';
	propaganda[9] = '10';
		
	propaganda.sort( function(){ return 0.5 - Math.random()} );

	var html = '';
	for( var i=0; i<5; i++ )
		html += '<div class="ofertas">' + propaganda[ i ] + '</div>';


	document.write( html );
</script>

Assim cara, eu não fui ignorante contigo.

Eu te indiquei a solução.

 

A minha resposta 'naquele tom', se deu porque você disse:

estava esperando mudanças no codigo.. mas nao por minha conta.. hahaha

 

essa não é a intenção do fórum.

 

Sucesso ai!

Compartilhar este post


Link para o post
Compartilhar em outros sites

brother.. eu sabia que você era bom.

hahahaha

só não tinha entendido muito bem minha pergunta né..

dai eu expliquei varias vezes e no fim

deu tudo certo

 

desculpa o mal entendido ai irmao

 

hahaha

show de bola!

 

valew ai manooooooo

Compartilhar este post


Link para o post
Compartilhar em outros sites

^^ de boa cara..

 

só uma coisa, eu tinha entendido desde o começo, veja que usei o sort(), como disse na minha primeira resposta.

 

flw! [Resolvido]

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.