Funçao Utilizando Divs...

Galera, preciso fazer um arquivo q eh assim:
o corpo dele estah todo contido numa div cujo id="corpo". esta div contem um formulario com 6 campos e um botao q exerce uma funçao. ao clicar no botao, ele 'oculta' essa div (ou seja, todo o arquivo) e 'coloca' na tela uma outra div cujo id="impresso". essa segunda div eh um texto o qual algumas partes sao os dados coletados no form da div corpo (por isso toda essa enrolaçao de usar divs ao inves de arquivos diferentes..).
Eu gostaria de saber como deixar a segunda div oculta enqto a primeira estiver aparecendo e ao clicar no botao do formulario, ele oculta a div corpo e mostra a div impresso e imprime ela.
Outra coisa eh: como fazer para a div impresso 'aderir' os dados colocados no form sem reloads, ou seja: ele escreve no formulario e jah vai sendo colocado na div (q estah oculta) dae ao clicar no botao a div q contem o formulario eh oculta e a outra (jah com os dados) aparece e eh impressa.
Como estou começando com JSP gostaria de explicaçoes pelo menos um pouco claras. Nao qro q façam por mim e sim q me mostrem o caminho para eu poder fazer. vlw!

<div id="corpo"> (Aqui vai seu Formulário...) </div>

<div id="impresso" style="display: none;"> (Aqui vai o resultado...) </div>

<br /><br /><button onclick="verResultado();">Resultado!</button>

E agora a função que o botão "chama":

<script language="JavaScript" type="text/javascript">
  function verResultado() {
    document.getElementById("corpo").style.display = "none";
    document.getElementById("impresso").style.display = "";
  }
</script>

Não tem nada de JSP no que você quer fazer.

Lembrete: a tag <DIV> funciona apenas no Internet Explorer. Para o Netscape, é legal usar a tag <LAYER>.

<div id="corpo"> (Aqui vai seu Formulário...) </div>

<div id="impresso" style="display: none;"> (Aqui vai o resultado...) </div>

<br /><br /><button onclick="verResultado();">Resultado!</button>

E agora a função que o botão "chama":

<script language="JavaScript" type="text/javascript">
  function verResultado() {
    document.getElementById("corpo").style.display = "none";
    document.getElementById("impresso").style.display = "";
  }
</script>

Não tem nada de JSP no que você quer fazer.

pois eh cara...eu jah havia feito exatamente assim e nao deu certo...

Testei e 100% Okay.

aqui ele funciona, ele 'esconde' a div e 'mostra' a outra corretamente, porem isso dura cerca de 1segundo e elas jah 'destrocam'...

Com o código que mostrei??? Impossível...

Existem alguns probleminhas com a compatibilidade do IE com o CSS, então o correto mesmo seria acessar através do Mozilla Firefox...
Mas já que as pessoas são cabeças-dura e sismam em usar a porcaria do IEca, faça uma função que remova o conteúdo da div, ao invés de escondê-la. Ex.:

<script type="text/javascript"> var contentDiv=[];
function trocaDiv() { tD1=document.getElementById('div1');
  tD2=document.getElementById('div2');
  window.contentDiv[tD1.id]=tD1.innerHTML; tD1.innerHTML='';
  tD2.innerHTML=window.contentDiv[tD2.id];
}
timer=setTimeout(function() {
  tD=document.getElementById('div2');
  window.contentDiv[tD.id]=tD.innerHTML; tD.innerHTML='';
  tD.style.visibility='visible';
},0);
</script>

<div id="div1">balabl</div>
<div id="div2" style="visibility: hidden;">balabl</div>
<a href="java script:trocaDiv();">Trocar</a>

[]s e espero que ajude

Edição feita por: Troyan, 20/06/2004, 19:54.

Existem alguns probleminhas com a compatibilidade do IE com o CSS, então o correto mesmo seria acessar através do Mozilla Firefox...
  Mas já que as pessoas são cabeças-dura e sismam em usar a porcaria do IEca, faça uma função que remova o conteúdo da div, ao invés de escondê-la.

Você como Web-Designer deve fazer um site que funcione para qualquer navegador... Você não tem que fazer a multidão seguir você...

Só porque você acha o Mozilla Firefox o melhor, não quer dizer que o restante dos usuários mundiais irá ter a mesma opinião...

Então as pessoas não são cabeças-duras e cismam em usar o IE, mas ele é o navegador que já vem com os programas da Micro$oft, que a maioria usa...

Já é o segundo tópico que você responde falando que a solução é o Mozilla Firefox (http://forum.wmonlin...showtopic=76582)... Esta é a sua opinião... não a solução...

Você até pode expressar a sua opinião, mas não diga que é a solução...

Desculpas aos demais usuários, aos Moderadores, Monitores e Administradores deste fórum se disse alguma coisa em excesso...

Edição feita por: Dinho Z., 21/06/2004, 08:34.

Mas já que as pessoas são cabeças-dura e sismam em usar a porcaria do IEca, faça uma função que remova o conteúdo da div, ao invés de escondê-la. Ex.:

E também tem um problema... Alterando a visibilidade do objeto, não faz com que ele deixe de ocupar espaço no documento. Se você testar seu código, verás que as "<div>"s não se sobrepõem, exatamente por essa falta de definição do CSS.

UP galera! ainda nao consegui fazer o q eu qro (tah explicado no 1º post, qq duvida sobre o q qro fazer eh soh perguntar!)