Ir para conteúdo

POWERED BY:

Arquivado

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

-=Felipe=-

[Resolvido] Função muda cor do texto

Por , em Javascript

Recommended Posts

William Bruno    1501

William Bruno
Postado

Qual é a dúvida exatamente?

 

no evento onclick dispare uma função que altere as propriedades css .display que você quiser, dos elementos que quiser.

 

Como você tentou ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Eu tenho em minha biblioteca um código que faz algo parecido.

 

Basta adaptar ao seu site:

<html>
<head>
	<title>Alterando propriedades do HTML dinamicamente</title>
</head>

<body>

<script type="text/javascript">
var controle = 1;
function mudaEstilo() {
var objDiv = document.getElementById("estilo");
	if (controle == 0) {
		controle++;
		objDiv.style.color = "#000000";
		objDiv.style.background = "#FFFFFF";
	} else if (controle == 1) {controle++;
		objDiv.style.color = "#FFFFFF";
		objDiv.style.background = "#000000";
	} else {controle = 0;
		objDiv.style.color = "#FF0000";
		objDiv.style.background = "#FFFFD4";
	}
}
</script>

<div id="estilo">
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
Aqui vai o meu texto! <br />
</div>

<br /><br /><input type="button" onclick="mudaEstilo()" value="Alterar fonte e background">
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

-=Felipe=-    0

-=Felipe=-
Postado

Aew mais uma coisinha.

Tipo assim meu site ta com uma imagem de fundo e varios botões de temas, ai quando você clica num botão de tema muda a imagem do fundo. Ai as vezes a imagem do funco atrapalha a ler, por isso pedi esse script aki para se atrapalhar a pessoa poder mudar a cor porem eu quero agora que quando eu mudar de tema a cor de fundo do texto fique com a mesma imagem do tema

 

Deu pra intender ?

 

Exemplo:

To la com o fundo normal. ai eu clico no tema Halloween, ai fica com uma imagem preta com uns desenhos la. Ai não da pra ler o texto pq o texto e preto e a iamgem tbm, ai clica no botão e a cor do fundo do texto muda pra branco ai da pra ler trankilo. Mais quero que quando eu mudar para o tema Pascoa e o fundo do texto mude tambem par aa mesma imagem de Pascoa.

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não entendi a duvida ou dificuldade..

o código apresentado já mostra como fazer as 2 coisas.. mudar a cor e o fundo.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito