Ir para conteúdo

Arquivado

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

gumaofromTpira

Ajuda - Como redirecionar para um link digitado?

Recommended Posts

Olá, gostaria de criar um campo onde os visitantes do site digitassem um "valor", e quando eles clicassem no botão o programa juntasse um endereço fixo por exemplo "www.google.com.br" com o "valor" digitado. Direcionando o visitante para a página "www.google.com.br/valor".
Alguém pode me ajudar com isso?
Muito obrigado desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

E ae man!?

Pelo que entendi você quer passar uma variável na URL certo?

Basta no seu form mudar o method para: method="get"

abs!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu pwd, mas eu sou muito novato nisso, e ainda estou procurando um exemplo de como ficaria esse código mais ou menos, pra conseguir fazer.


<form method="get">
  Digite seu código:
  <input type="text" name="homepage">
 <input type="submit" name"Acessar" value="Acessar" onClick="javascript:window.location.href='*codigo*'">
</form>

Seria mais ou menos isso, só que onde está *codigo*, eu queria que ele pegasse o texto que o visitante digitou no espaço text.

Mas agradeço muito pela ajuda ja!

Compartilhar este post


Link para o post
Compartilhar em outros sites

E ae man!?

Então temos que pensar o seguinte? Você vai fazer requisição na mesma página?

Vai enviar para uma URL especifica?

No caso de manter o usuário na mesma página:

<form method="get">
    Digite seu código:
    <input type="text" name="homepage">
    <input type="submit" value="Acessar">
</form>

Quero enviar ele para uma URL especifica:

<form method="get" action="sua_url">
    Digite seu código:
    <input type="text" name="homepage">
    <input type="submit" value="Acessar">
</form>

O resultado é: ?homepage=valor+digitado

abs!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu pela paciência, já está rolando alguma coisa agora pelo menos!

Esse código para URL específica até está direcionando para o site que preciso, mas não para a pagina que o cliente digita. Ele sempre está mandando para a página inicial.

<form method="get" action="http://www.valorrealavaliacoes.com.br/">
    Digite seu código:
    <input type="text" name="homepage">
    <input type="submit" value="Acessar">
</form>

O que o usuário digita não está concatenando com a pagina inicial.
Por exemplo, vamos supor que ele digite "quem-somos" na form, eu gostaria que juntasse com o ""http://www.valorrealavaliacoes.com.br/quem-somos".
Mas não está dando certo. Sempre vai para a página inicial.

Obrigado novamente pela paciência!

Compartilhar este post


Link para o post
Compartilhar em outros sites

E aí amigo, desculpe ter dado o trabalho, mas consegui mudando uma coisa, pedi para concatenar tudo dentro de uma link. Ficou assim o resultado final:

<label>
<h2 style="color:#333333; font-family:verdana;font-size:100%;text-align:center">Código de Cliente:
<input type="text" id="codigo cliente" /></h2>
</label>

<h3 style="text-align:center">    
<button type="button" class="button" onclick="window.open('http://www.valorrealavaliacoes.com.br/' + document.getElementById('codigo cliente').value)"><span>Acessar</span></button>
</h3>

</body>
</html>

Se quiser dar uma olhada de como ficou funcionando:
http://www.valorrealavaliacoes.com.br/area-do-cliente

Agradeço novamente muito pela atenção e pela paciência! Valeu! :D

Abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ai no caso tem que manipular o DOM

Fiz correndo:

    <input type="text" name="homepage" id="homepage">
    <button onclick="irParaHome()">Acessar</button>

    <script>
        function irParaHome() {
            var urlDestino = document.getElementById("homepage").value;
            window.location = "http://www.valorrealavaliacoes.com.br/" + urlDestino +"";
            console.log(urlDestino);
        }
    </script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

E aí amigo, desculpe ter dado o trabalho, mas consegui mudando uma coisa, pedi para concatenar tudo dentro de uma link. Ficou assim o resultado final:

<label>
<h2 style="color:#333333; font-family:verdana;font-size:100%;text-align:center">Código de Cliente:
<input type="text" id="codigo cliente" /></h2>
</label>

<h3 style="text-align:center">    
<button type="button" class="button" onclick="window.open('http://www.valorrealavaliacoes.com.br/' + document.getElementById('codigo cliente').value)"><span>Acessar</span></button>
</h3>

</body>
</html>

Se quiser dar uma olhada de como ficou funcionando:

http://www.valorrealavaliacoes.com.br/area-do-cliente

Agradeço novamente muito pela atenção e pela paciência! Valeu! :D

Abraço!

Isso mesmo!

Só lhe recomento não usar códigos inline, caso você precise mudar a url, você teria que editar arquivo por arquivo e no caso de uma função somente 1.

Abs!

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.