Ir para conteúdo

POWERED BY:

Arquivado

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

silvagno

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

Por , em Javascript

Recommended Posts

silvagno    0

silvagno
Postado

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

winterjeferson    0

winterjeferson
Postado

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
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito