Ir para conteúdo

POWERED BY:

Arquivado

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

Meela

Mostrar valor de um campo de formulário em outra página

Por , em Javascript

Recommended Posts

Meela    0

Meela
Postado

Oi gente!

Tenho um formulário que, ao ser submetido, carrega para outra página. Preciso que nessa página carregada seja apresentado o valor inserido no formulário.

 

Ex.: formulário de idade, a pessoa preenche 35, clica em submeter e a próxima página diz "você tem 35 anos".

 

A verdade é que eu pensei e mal sei como começar, tô bem perdida.

Alguma luz?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

qual linguagem de programação server-side pretende utilizar ?

 

faça com ela, será bem mais simples.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

faz com php cara

<?php


$idade = $_POST["idade"]; // aqui esta recebndo o que foi digitado do formulario

echo "Você tem ".$idade." Anos";

?>

só isso !

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

única idéia que tive:

 

mandar via GET o formulário

ai ler a url com um document.location.href fazer o parser dessa URL, e exibir o dado que você precisa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Meela    0

Meela
Postado

tá, o formulário já é enviado via GET.

Mas como faço essa segunda parte?

Lembrando que o formulário tá em uma página e o texto com o valor informado tá em outra.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

da forma que falei, cadê a tua tentativa ?

 

não vou fazer pra você.

Estude sobre oq passei, e tente ter 'dúvidas específicas', e não 'perguntar como seria'.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Meela    0

Meela
Postado

William, a verdade é que, como eu disse ali em cima, estou um tanto perdida.

Eu até pesquisei sobre parsers (porque juro que não sei direito o que é, pra que serve e como funciona), mas não achei nada que me explicasse direito. Talvez eu não tenha sabido procurar, também.

Você saberia, ao menos, me indicar por onde começar a pesquisar? Não me nego a estudar, só não tenho muito norte pra onde ir.

 

Conversando com um amigo surgiu a ideia de usar um window.open pra mostrar esse valor. Mas da mesma forma, o maior problema está em chamar esse valor pra segunda página, e não em declarar a variável e a função na primeira.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

vou te dar o norte, deixando o parser por tua conta. (tô bonzinho hoje)

 

index.html

<html>
<head>

</head>
<body>
<form action="outra.html" method="get">
	<label>Nome: <input type="text" name="nome" /></label>
	<label><input type="submit" name="ok" value="ok" /></label>
</form>
</body>
</html>

 

outra.html

<html>
<head>
<script type="text/javascript">
function id( el ){
return document.getElementById( el );
}
/**
* @see http://www.netlobo.com/url_query_string_javascript.html
*/
function gup( name )
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^]*)";
var regex = new RegExp( regexS );
var results = regex.exec( window.location.href );
if( results == null )
	return "";
else
	return results[1];
}
window.onload = function(){
id('nome').innerHTML = gup('nome').replace(/[+]/g,' ');;
}
</script>
</head>
<body>
<p>Olá, seu nome é: <strong id="nome"></strong></p>
</body>
</html>

 

:lol:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Meela    0

Meela
Postado

William, obrigada pela ajuda. Não consegui me entender com o seu código, mas ele me deu um norte de como procurar!

Enfim, com esse tutorial eu consegui entender como funciona, e deu certo.

A questão agora é a seguinte: entre a página do formulário e a outra página tem uma página de carregamento.

Se fosse direto de uma pra outra, eu consigo levar os dados do form na url e tudo funciona ok. Mas a página de loading, no meio, redireciona pra página final sem carregar valor nenhum.

Existe algum jeito de fazer esses valores serem transportados pelas duas?

 

O meu formulário tem o seguinte código:

<form action="carregamento.html" id="form" method="get" name="formS" class="sform" onSubmit="" >
<input id="input" name="inputS" type="text" class="sinput" size="30" maxlength="4" />
<button id="continuar" name="continuar" type="button" class="continua_saque" style="background-color: transparent; border:none" onclick="Valida();">
<img src="imgs/b-continuar.png" style="border:none; width:161px; height:100px;"/></button>
<input id="destino" name="destino" type="hidden" value="outra.html" />
</form>

 

E meu carregamento tem o código:

<script language="javascript" type="text/javascript">
  window.setTimeout("expirou()", 1500);    //passados 5 segundos
     function expirou() {                      //chama a função
  var destino = getUrlVar('destino');

	window.location.href = destino;

	return true;
  }
  function getUrlVar(varName)
{
   var vars = [];
var hash;
   var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

   for(var i = 0; i < hashes.length; i++)
   {
	hash = hashes[i].split('=');
	hash[1] = unescape(hash[1]);
	vars.push(hash[0]);

	if (hash[0] == varName) {
		return hash[1];
	}
   }
}

</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

precisa desse carregamento ?

 

ou você leva na URL de novo...

ou você grava num cookie, e lê o cookie.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Meela    0

Meela
Postado

Pior que precisa... e não posso gravar no cookie.

 

Pensei em levar na url de novo, sim.

Pra isso eu tenho que trabalhar na página do redirecionamento ou no link pra ele na página inicial, no formulário?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

na de redirecionamento.

 

ela vai receber os dados via get.

ai apartir dela, você repassa pra outra.

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