Ir para conteúdo

POWERED BY:

Arquivado

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

dcorteztec

[Resolvido] redirecionar para uma outrapágina

Recommended Posts

Bom meus conhecimentos de javascript são bem limitados, vamos lá o eu tenho uma págima html com select e 3 opçôes eu

queria quando escolhesse uma opção ele redirecionava para pagina que esta no atributo value.

 

<select size="1" name="GrupoFolhaSP" id="GrupoFolhaSP">
<option value="www.folhasp.com.br"> Folha de SP</option>
<option value="www.uol.com.br">UOL</option>
<option value="www.jt.com.br">Jornal da Tarde</option>
</select>

 

desde já muito obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Atenção:

Este subfórum é destinado apenas para postagem de scripts prontos e testados para auxiliar os demais membros.

Não é permitido a abertura de tópicos com dúvidas. Para isso, use o Fórum de javascript.

Você não conseguiu fazer nada para nos mostrar?

 

O que você vai ter que fazer é o seguinte:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif vai pegar o select pelo id - use getElementById()

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif vai trabalhar uma função nele com o tratador de evento onchange

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif você pega o value e armazena em uma variável, ou nem precisa, pode ir direto no window.location

 

Tente fazer algo aí, assim podemos te ajudar à desenvolver a lógica. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Atenção:

Este subfórum é destinado apenas para postagem de scripts prontos e testados para auxiliar os demais membros.

Não é permitido a abertura de tópicos com dúvidas. Para isso, use o Fórum de javascript.

Você não conseguiu fazer nada para nos mostrar?

 

O que você vai ter que fazer é o seguinte:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif vai pegar o select pelo id - use getElementById()

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif vai trabalhar uma função nele com o tratador de evento onchange

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif você pega o value e armazena em uma variável, ou nem precisa, pode ir direto no window.location

 

Tente fazer algo aí, assim podemos te ajudar à desenvolver a lógica. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

fiz assim me ajuda no que eu errei fiz só com primeiro para teste

 

<script language="javascript">
function red(){
var teste = document.getElementById("GrupoFolhaSP");
if(GrupoFolhaSP.teste.value == "Folha de SP")
window.location.href="www.folhasp.com.br"
}
</script>
</head>
<body>

<select size="1" name="GrupoFolhaSP" id="GrupoFolhaSP" onChange"red">
<option value="www.folhasp.com.br"> Folha de SP</option>
<option value="www.uol.com.br">UOL</option>
<option value="www.jt.com.br">Jornal da Tarde</option>
</select>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vamos fazer tudo no arquivo JavaScript, sem esses atributos de HTML. http://forum.imasters.com.br/public/style_emoticons/default/natal_tongue.gif

 

Vai ficar algo mais ou menos assim:

 

window.onload = function(){
	var select = document.getElementById("GrupoFolhaSP");
	select.onchange = function(){
		window.location.href = this.value;
	};
}
Não precisa de mais nada. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

você deve colocar o caminho absoluto.. incluindo: http://

Compartilhar este post


Link para o post
Compartilhar em outros sites

É o que o William disse. Coloque o http://, ou faça assim:

 

window.onload = function(){
        var select = document.getElementById("GrupoFolhaSP");
        select.onchange = function(){
                window.location.href = "http://" + this.value;
        };
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

É o que o William disse. Coloque o http://, ou faça assim:

 

window.onload = function(){
        var select = document.getElementById("GrupoFolhaSP");
        select.onchange = function(){
                window.location.href = "http://" + this.value;
        };
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Muito obrigado pela ajuda vcs esta funcionando agora posso proseguir (preciso estudar JS).

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.