Ir para conteúdo
silvagno

Pegar valor de input e mostrá-lo em outra pagina

Recommended Posts

Bom dia,

   Tenho esse exemplo onde eu digito um valor na input e o mesmo é carregado em outra pagina, acontece que o valor já esta pré determinado no código. O que estou tentando fazer é que ao digitar qualquer coisa na input ele carregue na outra pagina e fique gravado no arquivo html para que outras pessoas possa visualizar.

 

*Pagina principal

<html>
<head>

<script>
function abrirPesquisa()
{
   window.open("pesquisa.html"); // Abrira a janela de pesquisa
}   
</script>

</head>
<body>
<form>
Digite um codigo: <input type="text" name="campo1" id="campo1">

Descrição: <label name="descrproduto" id="descrproduto">
<p align="center"><a href="javascript:abrirPesquisa()";>Pesquisar</a></p>

</form>

</body>
</html>

 

*Pagina onde carrega os dados

<html>
<head>
<script>
function levarcodigo( codigo,descricao )
{
   /** O "segredo" está aqui nessas duas linhas, onde é passado o codigo para o <input>
   *    e a descricao para o <label>
   */
   top.opener.document.getElementById("campo1").value = codigo;
   top.opener.document.getElementById("descrproduto").innerHTML = descricao;
   window.close();
}
</script>
</head>
<body>
<a href="javascript:levarcodigo(1010,'Cafeteira');">1010-Cafeteira</a>
<a href="javascript:levarcodigo(1020,'Jogo de panelas');">1020-Jogo de panelas</a>
<a href="javascript:levarcodigo(1030,'Jogo de taças');">1030-Jogo de taças</a>
<a href="javascript:levarcodigo(1040,'Churrasqueira');">1040-Churrasqueira</a>
</body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Depende de como deve funcionar e de quais recursos você dispõe.

Acredito que a melhor forma seria fazer com um banco de dados e uma linguagem de consulta (por exemplo PHP e MySQL).

Mas se quer algo local, utilizando HTML e Javascript, você pode fazer com localStorage:

https://developer.mozilla.org/pt-BR/docs/Web/API/Window/Window.localStorage

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×

Informação importante

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