Mudança de estilo ao clicar

[leandro martins 0]

Quero por no topo do meu site 3 botoes, um preto, um vermelho e outro azul.E cada botão desse ligaria em uma folha de estilo que comandaria como aparece a cor de fundo, texto links.EX: Ao clicar no azul ele mudaria o fundo para azul, os textos, e ao clicar no vermelho ele faria essa mudança só que seria em vermelho.Como fazer para esses botões entenderem que tem que mudar a folha de estilo?

[Illidan 0]

Você vai precisar de javascript pra fazer isso... pode criar uma função pra cada botão que pega a tag <link> e muda o atributo "href" dela.

[pa_bruno 0]

hm... interessante... naum vivemos sem javascript... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

tem algum exemplo pra essa parada ae Illidan?

 

Vou tentar aqui e qualquer coisa falo ae... ;)

[Pacato 0]

Tenta usar a funcao a seguir... Pra definir os estilos, voce usa

 

<link rel="alternate stylesheet" type="text/css" href="arquivo.css" title="titulo" />

No atributo rel coloque "alternate stylesheet" para os que voce quer que nao fiquem ativos, e apenas "stylesheet" pro que vai ser carregado na pagina quando entrar pela primeira vez.

 

e o javascript abaixo:

 

function setActiveStyleSheet(title) {

var i, a, main;

for(i=0; (a = document.getElementsByTagName("link")); i++) {

if(a.getAttribute("rel").indexOf("style") != -1

&& a.getAttribute("title")) {

a.disabled = true;

if(a.getAttribute("title") == title) a.disabled = false;

}

}

}

Quando for chamar a funcao JS passa como parametro pra ela o titulo do css que voce quer deixar ativo. Ex.: setActiveStyleSheet("titulo")

 

Valeu.

 

Codigo tirado de: A List Apart

[Illidan 0]

Só vi agora o seu post, Bruno... :(

Bom, esse exemplo do Pacato parece estar legal. Não sei se o meu funcionaria do jeito que eu sugeri, tb... hehehe.

 

Abraços!

[pa_bruno 0]

hehehe... tranks... esse do pacato parece bom... depois eu testo... mas valew... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Hunter_ 0]

Tava acabando de ler um artigo traduzido pelo Maujor sobre isso:

 

 

http://www.maujor.com/tutorial/alternatecss.php

 

 

se a moçada pesquisa acha mais fácil, inclusive a função q o pacato pôs ai você pode encontrar la, tudo mastigadinho, ou você pode ir no endereço original do artigo

 

http://www.alistapart.com/stories/alternate/

 

té +

[pa_bruno 0]

eh a grande mania do pessoal de naum pesquisar, naum fazer busca... faze o q neh...