Publicado em 21 de nov.

Carregando textos aleátorios a partir de uma lis em uma DIV

#desenvolvimento-frontend #div #html #texto

Eu Inseri uma Div

	<div class="curiosidades">

	        

	    </div>

	pretendo criar uma listas com vários textos para ser carregado na DIV ao ser carregado a página ser puxado um dos textos da lista pre definida, também gostaria de inserir na div um botão de recarregar para ser possível mostrar outro item sem precisar recarregar a página!!!

	se alguém souber me explicar como faço ou puderem me mandar o link se esse assunto ja tiver sido explicado em outro post agradeço!!!

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

E.Martins· 23 de nov.

Veja se é isso!

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title>Texte</title>
<style>

*{margin:0; padding:0;}
body{background-color:#e0e0e0; font-size:12px; color:#333333;}
.leitura{width:90%; height:auto; display:block; margin:0 auto; border:1px solid #cccccc; background-color:#ffffff; overflow:auto;}
#sorte{font-size:14px; padding:5px 0; text-indent:5px;}
.atualizar{float:right; font-size:12px; font-weight:bold; margin:4px 5px 0 0;}

</style>
</head>

<body onLoad="obterFrase();">
<div class="leitura">
<input class="atualizar" type="submit" value="Atualizar Mensagem" onClick="obterFrase();">
<script>
function obterFrase (){
var r_text = new Array ();
	r_text[0] = "A vida trar&aacute; coisas boas se tiveres paci&ecirc;ncia.";
	r_text[1] = "N&atilde;o compense na ira o que lhe falta de raz&atilde;o.";
	r_text[2] = "Defeitos e virtudes s&atilde;o apenas dois lados da mesma moeda.";
	r_text[3] = "A maior de todas as torres come&ccedil;a no solo.";
	r_text[4] = "N&atilde;o h&aacute; que ser forte. H&aacute; que ser flex&iacute;vel.";
	r_text[5] = "Há tr&ecirc;s coisas que jamais voltam; a flecha lan&ccedil;ada, a palavra dita e a oportunidade perdida.";
	r_text[6] = "A juventude n&atilde;o é uma &eacute;poca da vida, &eacute; um estado de esp&iacute;rito.";
var i = Math.floor(7*Math.random())
document.getElementById("sorte").innerHTML = "<p>" + r_text[i] + "</p>";
}
</script>
<div id="sorte"></div>
</div>
</body>
</html>

Marcus Felipe· 24 de nov.

Obrigado vlw