F�rum Slide com JavaScript! Mudar as mensagens das tags HTML #497840

14/10/2014

ajudem quem puder!
veja este slideshow deste site:
http://www.offofertas.com/comments.html
n�o muda nada quando clicamos nas setas next(direita) ou back(esquerda)..
gostaria que ao clicar a seta, ele troca-se a mensagem, e tamb�m o nome da pessoa..
acredito que seja algo com javascript, no onclick dos bot�es ter uma fun��o, nessas fun��es definiriam as mensagens que seriam postas,.. Jquery envolvido nisso tamb�m, para facilitar o c�digo javascript na hora de inputar os dados nas tags html..

Basicamente este � o c�digo da p�gina:
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<section class="scraps">
<h3>comentarios</h3>
<div style="display: block;" class="scrap-box">
<bloquote>
""Mensagem aqui, edite-a como quiser,...Mensagem aqui, edite-a como quiser,...Mensagem aqui, edite-a como quiser,..."
</bloquote>
<p>pessoa x</p>
<span class="back"></span>
<span class="next"></span>
</div>
</section>

</body>
</html>

Grato

Alexandre

Curtir t�pico

+ 0

Responder

Posts

16/10/2014

Joel Rodrigues

Na verdade isso n�o � um slide, pois est� fixo.
Use jQuery para tratar o evento click dos bot�es e mudar o texto do bloquote:

$(".next").click(function(){
  $("scrap-box").text("Nova mensagem");
});

Responder

Gostei + 0