Ir para conteúdo

POWERED BY:

Arquivado

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

João Prado

alterar conteudo da pagina ao enviar form

Por , em Javascript

Recommended Posts

João Prado    64

João Prado
Postado

ae pessoal uma duvida

 

existe alguma forma de eu colocar um form numa pagina que contenha os seguintes campos

 

usuario

problema

solução

 

e quando clicado em enviar o que foi escrito seja visualizado em uma tabela existente na mesma pagina em baixo do form escrito desta maneira

 

usuario problema solução

 

e sempre que for enviado o form vai adicionando um linha na tabela.

 

se souberem como fazer isso por favor postem ai ou se souberem de algum lugar que ensina como faz postem também

 

agradeço desde já

Compartilhar este post

Link para o post
Compartilhar em outros sites

zrod    0

zrod
Postado

Sim através de JS, com jquery fica bem simples, rápido e fácil.

Exemplo simples:

 

form.html

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript"
$(document).ready(function() {
$("#meuForm").submit(function(){
 $.ajax({
   type: "POST",
   url: $(this).attr('action'),
   data: "usuario="+$("#usuario")+"&...",
   success: function(html){
$('#resultados').append(html);
   }
 });
return false;
});
});
</script>
</head>
<body>
<form id="meuForm" method="post" action="http://www.site.com/processaForm.php">
Usuario: <input type='text' name='usuario' id='usuario'>
<br>
Problema: <textarea name='problema' id='problema'></textarea>
<br>
Solucao: <input type='text' name='solucao' id='solucao'>
<br>
<input type='submit' value='Enviar'>
</form>
<hr>
<div id='resultados'>
</div>
</body>
</html>

Ja da pra ter uma ideia

Mais info em jquery: http://docs.jquery.com/

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

cara seu script não funcionou vou dar uma olhada no site que você me passou e vejo se consigo fazer algo. qualquer duvida posto ai e vlw pela ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

cara quase isso http://forum.imasters.com.br/public/style_emoticons/default/clap.gif mas ta chegando la :P

 

o que eu quero é algo igual a este mas quando eu enviar um novo nome, apelido, etc tem adicionar em baixo

e sempre que eu abrir a pagina vao estar la todos os que ja foram adicionados anteriormente vai ser tipo uma lista e ela sera atualizada toda hora entendeu

 

mas vlw ai ajuda http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif

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