Ir para conteúdo

POWERED BY:

Arquivado

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

julianoPOA

Como mudar cor de fundo de uma DIV

Por , em Javascript

Recommended Posts

julianoPOA    0

julianoPOA
Postado

Bom dia.sou iniciante e gostaria de saber como alterar dinamicamente a cor de fundo de uma div a partir do clique em um link. Minha idéia é ter 5 links, um de cada cor, e que o fundo da <DIV> que terá o conteúdo respectivo altere de cor.desde já agradeço a ajuda dos amigos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hamilcar    1

Hamilcar
Postado

Bom dia.sou iniciante e gostaria de saber como alterar dinamicamente a cor de fundo de uma div a partir do clique em um link. Minha idéia é ter 5 links, um de cada cor, e que o fundo da <DIV> que terá o conteúdo respectivo altere de cor.desde já agradeço a ajuda dos amigos.

Teste aí:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><script language="JavaScript" type="text/javascript">function mudaCor(cor){ document.getElementById('conteudo').style.background = cor;}</script><style type="text/css"><!--#conteudo { background-color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000;}--></style></head><body><div id="conteudo">Content for id "conteudo" Goes Here</div><a href='java script:mudaCor("#FF0000")'>vermelho</a><a href='java script:mudaCor("#FFFF00")'>amarelo</a><a href='java script:mudaCor("#0000FF")'>azul</a><a href='java script:mudaCor("#009900")'>verde</a><a href='java script:mudaCor("#FF00FF")'>rosa</a></body></html>

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