Ir para conteúdo

POWERED BY:

Arquivado

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

Scaico

Seletor de fundo

Por , em Javascript

Recommended Posts

Scaico    0

Scaico
Postado

Olá galera,

 

notei que a galera está respondendo cada vez menos meus tópicos... Eu devo estar cansando vocês...

Hahahaha.

Mas vou continuar pedindo ajuda. Sou brasileiro e não desisto.

 

O meu mais novo problema é um pequeno seletor de imagem de fundo.

A principio ele funciona bem (apesar de, talvez, o código ser meio lusitano):

 

HTML

<a href="#" onclick="java script:mudar1();">Fundo 1</a>
<a href="#" onclick="java script:mudar2();">Fundo 2</a>

JS:

function mudar1(id) {
h = screen.availHeight;
if(h < "800")
{
		{document.getElementById('body').style.background='url(img/bg_pequeno.jpg)';
		document.getElementById('texto').style.color='#000000';}
}
else
		{document.getElementById('body').style.background='url(img/bg.jpg)';
		document.getElementById('texto').style.color='#000000';}
}

function mudar2(id) {
h = screen.availHeight;
if(h < "800")
{
		{document.getElementById('body').style.background='url(img/bg2_pequeno.jpg)';
		document.getElementById('texto').style.color='#FFFFFF';}
}
else
		{document.getElementById('body').style.background='url(img/bg2.jpg)';
		document.getElementById('texto').style.color='#FFFFFF';}
}

Até ai beleza. Funciona que é uma maravilha. (Sei que o código não está perfeito, mas de qualquer modo...)

 

Só que o problema que estou enfrentando é o seguinte:

Como vocês podem ver, eu checo a resolução do usuário quando ele muda de fundo. Só que eu também preciso checar isso quando ele entra no site. Por isso, o meu <body> tem um onload="java script:mudar1();". Claro que eu posso deixar isso só no <body> da Home, sem problemas. Só que se eu fizer isso, quando a pessoa mudar de página, ela vai carregar o fundo que estiver no CSS, que no caso não existe. Ficou claro? :(

 

De qualquer maneira, eu queria saber se existe alguma forma de manter sempre o mesmo fundo. Ou seja, se a pessoa escolheu o fundo 02, ela vai ficar com o fundo 02 em todas as páginas o tempo inteiro.

 

Não sei se isso seria resolvido no Javascript ou no ASP, mas como a maior parte da solução foi desenvolvida em JS, resolvi postar aqui.

Perdão se estiver errado.

 

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Bom, para continuar passando parâmetros de uma página para outra, você teria que salvar os dados em uma seção, ou em um cookie.

E ai seria com alguma linguagem server-side.

 

Somente com JS, eu não vejo como passar uma variável para outra, na mudança de página.

Tem como melhorar esse script..

Tirando as redundâncias... e pq são 2 funções diferentes mais iguais? você nem usa o parâmetro ID..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scaico    0

Scaico
Postado

Os scripts estão redundantes pq eu não manjo tanto de JS.

Eu vou dar uma enxugada neles depois, quando sobrar um tempo (mas antes do site ir pro ar, de qualquer modo).

 

Creio que cookie seja a melhor opção, não?

Como eu faço isso em ASP?

 

Ah, se possivel, tem como mover pra seção correta?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Uma coisa à fazer seria:

function mudar1() {
var body = document.getElementById('body');
var texto = document.getElementById('texto');
h = screen.availHeight;
	if(h < "800")
	{
		body.style.background='url(img/bg_pequeno.jpg)';
		texto.style.color='#000000';
	}
	else	
	{
		body.style.background='url(img/bg.jpg)';
		texto.style.color='#000000';
	}
}
E ai virariam parâmetros os valores do background e do color.

Algo como:

function mudar(background,color)

Assim, você teria apenas uma função para os 2 casos, a diferencia seria na hora de chamar ela.

 

Sim, acho melhor postar em ASP. Mas espera para ver se alguém sabe como fazer em JS.

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