Ir para conteúdo

POWERED BY:

Arquivado

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

Mcesar

[Resolvido] menu para a acessar páginas

Recommended Posts

Olá, pessoal

Não sei se é correto mais estou postando novamente. me parece ser coisa simples mais não estou conseguindo fazer funiconar. Estou criando uma página com albuns de fotografias e gostaria que tivesse um menu suspenso (aquela caixinha que ao clicar na setinha aparece os links), para o usuário escolher e ser direcionado a página. uso o código abaixo:

 

Java Script:

function link() {
teste = document.form_teste;
valor = teste.options[teste.selectedIndex].value;

document.form_teste.action=links[valor];
document.form_teste.submit();

links = new Array;

links[1]=href="show01.htm"; ( aqui coloquei uma galeria de fotos)
links[2]=href="show02.htm"; ( e aqui outra galeria)
}
</script>

 

HTML:

<form method="post" name="form_teste">

<table border="0">
<tr><td>

<select name="form_teste" onChange="link()">
<option value="" selected>Escolha um álbum</option>
<option VALUE="1">Show01</option> (aqui o usuário escolhe a galeria)
<option VALUE="1">Show02</option>

</select>
<input type="submit" value="ok" class="botoes" align="bottom"> ( clica e vai á página)
</td></tr></table>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para fazer com o que o browser seja redirecionado para algum endereço você tem que usar:

 

document.location.href = 'página';

Tá faltando isso no seu código.

 

Mas é para o usuário ser redirecionado ao clicar no botão ou quando escolher um dos itens?

Dependendo de como for a função está no elemento errado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim! o usuário escolhe o álbum e clica no botão "OK" para ser redirecionado!

 

-----------------------------------------------------------------------------------

Post Mesclado

-----------------------------------------------------------------------------------

 

Resolvido, a quem interessar;

 

<!--
function Saltar(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script></


<form name="form1">
  <select name="Menu de salto" onChange="Saltar('parent',this,0)">
	<option selected>Links</option>
	<option value="#">album01</option>
	<option value="#">album02</option>
   </select>
</form></

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.