• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

joaoqalves

Trocar Folhas de estilo

7 mensagens neste tópico

Boas amigos, tenho algo parecido com isto

<html>
<head>
<title>O Benfica tem os direitos de autor  </title>
<link rel="stylesheet" type="text/css" href="estiloX.css" />
</head>
<select>
<option>azul</option>
<option>rosa</option>
</select>
</html>

o que eu qeria, é que, atraves da combobox, ao seleccionar, me mudasse a folha de estilo para estilo1 ou estilo2, consoante.

acho que me fiz entender, peço a vossa ajuda :)

obrigado

cumps  ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O kingless disse isto no IRC depois de saires:

* joaoqalves saiu (Quit: PTnet - Rede Portuguesa de IRC - http://www.PTnet.org/cliente/)

* Foskasse is away (Benho já!)

<djthyrax> kingless, viva a ignorância né?

<kingless> yep

<kingless> joaoqalves -> http://pastebin.ca/557265

<kingless> não testei.. ve se funciona

<kingless> lol ja se foi :x

<djthyrax> eu meto lá na thread dele. :)

Acrescentou isto:

<kingless> djthyrax ele código esta errado lool

<vbmaster> hum..

<deathseeker25> isto porque nas ultimas semanas as coisas deram uma volta grande...

<vbmaster> então?

<deathseeker25> baixei as notas, os meus pais perderam a confiança

<kingless> dthyrax altera o link que esta na thread para este http://pastebin.ca/557276

<deathseeker25> e agora peço para sair, chateiam-me a cabeça ate mais nao

<deathseeker25> começam a fazer o discurso dos exames

<deathseeker25> e pa e se eu fosse ver Tiesto eram dois dias de estudo que perdia

<kingless> djthyrax aquele código esta errado*

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

viva!

penso que é isto que precisas:

ficheiro HTML:

<html>
<head>
	<title>O Benfica tem os direitos de autor  </title>
	<link rel="stylesheet" type="text/css" href="estiloX.css" id="lnkCSS" />
	<script language="JavaScript">
		function changeCSS(value){
			var defCSSFile = 'estiloX.css';	//css por defeito

			switch(value){
				case "A":
					defCSSFile = 'estilo1.css';
				break;

				case "R":
					defCSSFile = 'estilo2.css';
				break;
			}

			//alterar a referencia para o ficheiro de estilo (CSS)
			window.document.getElementById('lnkCSS').setAttribute('href', defCSSFile);
		}
	</script>
</head>
<body>
	<select onchange="JavaScript:changeCSS(this.value);">
		<option value=""></option>
		<option value="A">azul</option>
		<option value="R">rosa</option>
	</select>
</body>
</html>

criei estes ficheiros CSS para testar:

estiloX.css

BODY{
background-color: #FFFFFF;
}


estilo1.css

BODY{
background-color: #0000FF;
}

estilo2.css

BODY{
background-color: pink;
}

testei no IE7 e Firefox 2.0.0.5.

espero que isto ajude.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não experimentei essa coisa, mas de certeza que vais precisar de um refresh, a não ser que todos os estilos (e respectivas regras) presentes numa folha estejam presentes também na outra, porque se houver estilos que só estão definidos num sítio, aquando da troca esses estilos vão se manter activos.

Isto sem falar de potenciais bugs (de certeza que exsitem em alguns browsers), portanto suponho que o mais fiável seria mesmo fazer um refresh á página toda...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mais de 90% dos utilizadores da internet usam um destes 4 browsers: IE7, IE6, IE5 e Firefox. Embora, como já disse em cima, só testei em dois deles, estou bastante confiante que funcionará bem nos outros dois (IE6 e IE5).

Dados estatísticos:

http://www.w3schools.com/browsers/browsers_stats.asp

.. mas claro.. se se quiser fazer um postback e ter um switch server-side que defina qual o ficheiro de estilo a incluir na página.. por mim.. é na boa!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora