Plano De Fundo

#1 Ciryllo

Novato no fórum

Usuários
14 posts

Sexo:Não informado

Posted 26/08/2005, 15:44

Ai galera estou com um script que altera a cor do fundo da pagina vc escolhe a cor que vc quer colocar na pagina.
Só que eu quero que em vez de ser cor seja Imagens.
e ai como eu faço.
o script é esse ai abaixo.


<script language="JavaScript">
<!--
document.write("<form name=\"fundo\">");
document.write("<select onChange=\"document.bgColor = this.options[selectedIndex].value\">");
document.write("<option value=\"FFFFFF\" selected>Branco");
document.write("<option value=\"#D2D2D2\">Cinza");
document.write("<option value=\"#FFFF99\">Amerelo");
document.write("<option value=\"#33CCFF\">Azul");
document.write("</select>");
document.write("</form>");
// -->
</script>

Preciso da ajuda de vc valeu.

#2 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 26/08/2005, 15:54

Bom, não preciso falar que você deve trocar o value das options no select para a URI da imagem, certo?

Fora isso, troque document.bgColor por document.style.backgroundImage = "url('" + this.options[selectedIndex].value + "');"

Klaus Paiva
Conheça também: Taperás

#3 Ciryllo

Novato no fórum

Usuários
14 posts

Sexo:Não informado

Posted 26/08/2005, 18:31

Rapaz,
Não consegui não.
Não tô entendendo o que vc quer que eu faça.
Fiz o que vc me mandou mas ñ deu em nada.
Quer dizer acho que fiz nê.

#4 kaduzick

12 Horas

Usuários
229 posts

Sexo:Masculino
Localidade:Brasília
Interesses:Aprender e Ajudar

Posted 26/08/2005, 20:43

Ciryllo, executa esse código que irei postar aí e vê de colé. Eu também testei o que Klaus postou, mas não funcionou, mesmo trocando o index do option para this.option[this.selectedIndex].value.
De qualquer forma eu testei apenas para o IE não sei se irá funcionar no MOZILLA ou em outro navegador. Qualquer coisa tu dá idéia que eu vejo pra tu.

<html>
	<head>
  <script type="text/javascript">
	
 	 function trocar(fundos)
 	 {
    kadu.background = fundos.options[fundos.selectedIndex].value;
 	 }
	


  </script>
	</head>
	<body id="kadu">
  <select name="figuras" onchange="trocar(this)">

 	 <option value="teste1.gif">fundo 1</option>
 	 <option value="teste2.gif">fundo 2</option>
 	 <option value="teste3.gif">fundo 3</option>

  </select>
	</body>
</html>

kaduzick - The Nerds

#5 Ciryllo

Novato no fórum

Usuários
14 posts

Sexo:Não informado

Posted 27/08/2005, 07:58

Ciryllo, executa esse código que irei postar aí e vê de colé. Eu também testei o que Klaus postou, mas não funcionou, mesmo trocando o index do option para this.option[this.selectedIndex].value.
De qualquer forma eu testei apenas para o IE não sei se irá funcionar no MOZILLA ou em outro navegador. Qualquer coisa tu dá idéia que eu vejo pra tu.
<html>
	<head>
  <script type="text/javascript">
	
  	function trocar(fundos)
  	{
    kadu.background = fundos.options[fundos.selectedIndex].value;
  	}
	


  </script>
	</head>
	<body id="kadu">
  <select name="figuras" onchange="trocar(this)">

  	<option value="teste1.gif">fundo 1</option>
  	<option value="teste2.gif">fundo 2</option>
  	<option value="teste3.gif">fundo 3</option>

  </select>
	</body>
</html>

Brodher,
Esse script que vc me passou aparentemente funciona,
agora me explique como faço para indentificar o endereço da imagem para que o script, pegue ela e coloque como plano de fundo.

Valeu,
Muito Obrigado

#6 kaduzick

12 Horas

Usuários
229 posts

Sexo:Masculino
Localidade:Brasília
Interesses:Aprender e Ajudar

Posted 29/08/2005, 12:34

o endereço da imagem está no value do option.

Como identificar isso? simples, você irá colocar o endereço da imagem a partir da pasta onde esta página se colocaliza.

kaduzick - The Nerds

#7 Ciryllo

Novato no fórum

Usuários
14 posts

Sexo:Não informado

Posted 29/08/2005, 12:38

Ai Brother, Valeu.
Mas já havia conseguido.
O que gostaria de saber agora é como faço para que essas configuraççoes sejam aplicadas em uma outra pagina.
Pois vou fazer um paonel de controle onde essas opções estárão mas ñ quero que ela se aplique na mesma pagina e sim na outra onde ficarão as informações do usuário.

#1 Ciryllo

#2 Klaus

#3 Ciryllo

#4 kaduzick

#5 Ciryllo

#6 kaduzick

#7 Ciryllo

1 user(s) are reading this topic

Entrar