Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom galera, a ideia inicial é criar um espaço em que dê para mudar o background (mudar para alguma imagem já baixada) quando for selecionado.
Aqui o código:
<html>
<head>
<title></title>
</head>
<body>
<script language="javascript" type="text/javascript">
function mbg(form1)
{
for (i=0 ;i<document.form1.sbg.length ;i++ )
{
if (document.form1.sbg[i].selected)
{
form1.style.background = document.form1.sbg[i].value;
}
}
}
</script>
<form action="" method="get" name="form1" id="form1">
Escolha seu background:
<select onChange="mbg(form1);" name="sbg" id="sbg">
<option value="background/flores">Flores</option>
<option value="background/pedras">Pedras</option>
<option value="background/universo">Universo</option>
<option value="background/abstrato">Abstrato</option>
</select>
</form>
</body>
</html>
Porém, quando vou selecionar algum tipo de background no "List menu" o programa me retorna o erro:
Linha: 13
Caractere: 9
Erro: Argumento inválida
No caso, seria no começo da linha: form1.style.background = document.form1.sbg.value;
Já troquei para style.backgroundImage, style.bgColor.. e continua o mesmo erro. Em <option value> já tentei trocar o "value" por "background" e não obtive êxito.
Alguém pode me explicar o que significa "Argumento inválido" e como eu poderia resolver?
(Ainda estou iniciando, uso o Free JavaScript Editor, se alguém tiver outro melhor pra recomendar, sinta-se livre)
Desde já,
obrigado.
Carregando comentários...