11 replies to this topic

[Pat0]

galera to querendo saber se te como fazer tipo um sistema de banner rotativo. so q em vez de img com textos.

tipo assim tenho uma div principal q chama Promo ae os itens ia aparecendo tipo banner rotativo. aparece 1º o promo_1, dpois promo_2 no lugar do promo_1, etc... tem como fazer ?

<div id="promo">
<p id="promo_1">
<span class="tpromocao">Sempron 2600+</span>
<span class="t">Hd 40gb, Men. 256ddr, Grav. de cd,
Gabinete Atx 4 baias, Teclado, Mouse Optico,
Caixa de som, Monitor de 15’</span>
<span class="preco">R$ 999,00</span>
</p>
<p id="promo_2">
<span class="tpromocao">Sempron 3200+</span>
<span class="t">Hd 40gb, Men. 256ddr, Grav. de cd,
Gabinete Atx 4 baias, Teclado, Mouse Optico,
Caixa de som, Monitor de 15’</span>
<span class="preco">R$ 999,00</span>
</p>
<p id="promo_3">
<span class="tpromocao">Sempron x1600+</span>
<span class="t">Hd 40gb, Men. 256ddr, Grav. de cd,
Gabinete Atx 4 baias, Teclado, Mouse Optico,
Caixa de som, Monitor de 15’</span>
<span class="preco">R$ 999,00</span>
</p>
</div>

quem puder da uma luz. agradeço!

vlw

[bimonti]

Tem sim. Você só queria saber se tem como fazer ?! ^^

Não vou escrever o código todo, veja se você consegue pegar o esquema. Vai utilizar a seguintes funções do java script:

• getElementById
• getElementsByTagName
• setInverval

Você precisa pegar primeiro com o getElementById a elemento pai, o que engloba todos os outros, no seu caso é a div com o id='promo'.

var pai = document.getElementByid('promo');

Depois todos os elementos dentro dele que serão exibidos:

var filhos = pai.getElementsByTagName('p');

Beleza, já tem a tudo quase pronto. O esquema agora é o seguinte, deixar TODOS esse filhos invisíveis:

for(x=0;x<filhos.length;x++){
  filhos[x].style.display = 'none';
}

Pronto, todos eles não aparecem na página. Então é só ir fazendo com que aparece 1 deles por vez. Para definir qual deles é o próximo temos que saber como procurar. Se você entende de loop (for) saberá o que eu estou falando. Vamos criar a verificação:

// se não tiver nenhum mostrando, vai o primeiro mesmo.
var este_aqui = 0;

for(x=0;x<filhos.length;x++){
  if(filhos[x].style.display != 'none'){
	este_aqui = x;
  }
  filhos[x].style.display = 'none';
}

Viu como ficou o loop agora ? Se o elemento que está sendo analisado no loop tiver o display diferente (! de none, significa que ele está aparecendo na página, ou seja, ele é nosso procurado. Então dentro do if eu seto que o elemento visível é igual ao elemento em questão dentro do loop.

Agora é só mandar ver:

filhos[Number(este_aqui)+1].style.display='block';

Tá aí o esquema, ele pega o valor do último elemento visível e soma +1, depois muda display para block. O total fical assim:

function promocao(){
var pai = document.getElementByid('promo');
var filhos = pai.getElementsByTagName('p');
var este_aqui = 0;

for(x=0;x<filhos.length;x++){
  if(filhos[x].style.display != 'none'){
	este_aqui = x;
  }
  filhos[x].style.display = 'none';
}

filhos[Number(este_aqui)+1].style.display='block';

}

Agora é só chama-la no intervalo que você quiser:

window.onload = setInterval( function(){ promocao(); }, 6000);

Significa que ao carregar a janela, seta o intervalo de 6 segundos (6000) para a função ser repetida.

É bem simples e provavelmente você terá que dar um upgrade, mas o importante é entender como funciona. Referências para as funções podem ser obtidas aqui: http://developer.mozilla.org

[Pat0]

bimonti muito obrigado cara.... vlw msm.

Edição feita por: Pat0, 25/05/2007, 09:54.

[Miguceamma]

Buy Amoxicillin Online cialis buy online Cytotec Sur Internet
Discount Finasteride Online Ou Puis
Cialis Foro generic cialis Acheter Viagra

[Miguceamma]

Buy Levitra buy viagra online Cialis Pas Chere Cialis Coupon Amoxil 500 Dosage
Sinus Infection Dosage Amoxicillin viagra online prescription Best Price For Viagra Brand Puedo Tomar Cialis Con Alcohol
Usos Del Propecia Cialis 5 Mg Precio Espana Acticin Elimite Drugs On Line cialis Sertraline

[LarPhozyHah]

Generique Du Cialis En Pharmacie Clavamox Without An Rx Compro Viagra Senza Ricetta viagra Cheapeast Progesterone Store Viagra Diarrea Priligy 90mg

[Miguceamma]

Precio Del Viagra En El Amoxicillin Dose For Dog viagra Qualityrxpharmacy Come Acquistare Cialis In Farmacia
Sildenafil Citrate For Sale Doxycycline Hyclate 100mg Order Online Levitra Dana El Higado cialis Tadacip Buy Online

[LarPhozyHah]

Prograf online pharmacy Cellulitis Cephalexin Cialis 5mg Tabletten
Topical Propecia Thinning Hair Cialis Et Consommation D'Alcool Doxycycline Pills Black Market viagra cialis Kamagra And Diabetes Zithromax 500mg Online
Where Can I Order Aygestin Online isotretinoin 10mg mail order on line Discount Zithromax general pharmacy levitra Cialis 20 Mg Reimport

[Miguceamma]

Buy Doxycycline Eu buy viagra online Diflucan Without Prescription Nebenwirkungen Cialis Forum
Xenical Orlistat 120 Mg Price Cytotec Et Img viagra online prescription Viagra Indicaciones De Uso 40 Mg Levitra Pills On Line For Sale Achats De Kamagra

[Miguceamma]

Best Meds Online Mastercard Viagra Online Reditab Que Es El Medicamento Propecia generic cialis Priligy Venta
Lioresal Achat 25mg viagra online pharmacy Cephalexin Dose In Dog Cialis Generic Tadalafil

[HaroNism]

Secure Hydrochlorothiazide Oretic Fedex Shipping online pharmacy Definicionpatente De Propecia Viagra Erfahrungsberichte Nebenwirkungen
Cialis 10 Mg Daily Doxycycline Mexico Cephalexin Can Cause Skin Rash viagra cialis Doryx Apo Cialis Ou Autres Buy Meloxicam

[RonsisM]

Levothyroxine Buy Online Kaufen Sildenafil Generique 25 Mg cialis Prix Levitra Pfizer Pharmacie What Does Cialis For Daily Use Cost 105