Funçao Utilizando Divs...
#1
Posted 17/06/2004, 15:08
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!
#2
Posted 19/06/2004, 08:33
<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.
#3
Posted 19/06/2004, 14:38
#4
Posted 19/06/2004, 17:52
pois eh cara...eu jah havia feito exatamente assim e nao deu certo...<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.
#6
Posted 20/06/2004, 12:56
#7
Posted 20/06/2004, 17:30
#8
Posted 20/06/2004, 19:54
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.
diego nunes
web engineer
~ ~~
#9
Posted 21/06/2004, 08:29
Você como Web-Designer deve fazer um site que funcione para qualquer navegador... Você não tem que fazer a multidão seguir você...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.
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.
Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters
#10
Posted 21/06/2004, 10:52
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.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.:
#11
Posted 24/06/2004, 17:01
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)