Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
bom dia galera tudo bem
entao , pra comecar o dia eu tenho uma duvida q ta quebrando minhas pernas
acontece o seguinte
eu tenho uma DIV con scroll e dentro dela tem uma TABELA dentro da tabela eu tenho alguns itens q quando eu passo o mousse sobre eles aparece uma outra DIV em baixo desse item
da primeira vez eu fiz a as div's, q iriam aparecer, fora da DIV q tem a tabela , so q quando eu movo o scroll as divs q aparecem continuam no mesmo lugar enquanto deveria c mover junto com o scroll
entao eu fiz as DIV'S q iriam aparecer dentro da DIV com a TABELA colocando-as com position:relative,
beleza ate q funciona so q FICA UM ESPAÇO ENORME ACIMA DA DIV COM A TABELA(e o scroll tem q desser tudo para ararecer o conteudo da div ) ai fica a pergunta como eu faço para tirar esse espaco
aqui vai o arquivo ai vcs podem dar uma olhada
formulario.asp
<!--#include file="script/randomico.asp" --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Cadastro de Clientes</title><style type="text/css" media="all">@import url("css_style.css");</style><script src="ocultar_camada.js" language="JavaScript" type="text/JavaScript"></script><script src="ajax.js" language="JavaScript" type="text/JavaScript"></script><script src="ajax_nome.js" language="JavaScript" type="text/JavaScript"></script><script src="overlib.js" language="JavaScript" type="text/JavaScript"></script></head><body bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0"><font face="Verdana, Arial, Helvetica, sans-serif"; size="2"> <div id="superior" style="position:absolute; left:0; top:0; width:600px; height:60; z-index:1; visibility: visible;"> <font size="3"><strong>Formulário de Registro</strong></font> <br> Assegure-se de preencher corretamente todos os campos do registro:</div><form action="mostra.asp" method="post" name="aceitar" id="aceitar" target="_self"> <div id="corpo" style="position:absolute; left:2; top:60; width:598; height:320px; z-index:2; overflow: scroll; visibility: visible;" align="justify"> <div id="int_c_nome" style="position:absolute; left:16px; top:197px; height:auto; z-index:4; float: left; visibility: hidden;" class="int-c-nome"> <fieldset> <legend>Neste campo:</legend> <LI>Não deixe em branco</LI> <li>Coloque seu Nome completo</li> <li>Não Coloque Numeros e ou<br> Caracteres especiais</li> </fieldset></div> <div id="int_c_s_nome" style="position:relative; left:30px; top:214px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> <fieldset> <legend>Neste campo:</legend> <LI>Não deixe em branco</LI> <li>Coloque Sobrenome completo</li> <li>Não coloque Numeros e ou <br> Caracteres especiais</li></fieldset> </div> <div id="int_c_e_nome" style="position:relative; left:31px; top:256px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> <fieldset> <legend>Neste campo:</legend> <LI>Não deixe em branco</LI> <li>Coloque o Nome Empresarial<br> completo</li></fieldset> </div> <div id="int_c_e_email" style="position:relative; left:55px; top:233px; height:auto; z-index:4; float: left; visibility: hidden;" class="int-c-nome"> <fieldset> <legend>Neste campo:</legend> <LI>Não deixe em branco</LI> <li>Coloque seu E-mail Empresarial <br> completo</li> </fieldset></div> <div id="int_c_e_telefone" style="position:relative; left:29px; top:265px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> <fieldset> <legend>Neste campo:</legend> <LI>Não deixe em branco</LI> <li>Não coloque Letras e ou <br> Caracteres especiais diferentes<br> de ( ) , -</li></fieldset> </div> <div id="int_c_c_nome" style="position:relative; left:34px; top:214px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> <fieldset><legend>Neste campo:</legend><LI>Não deixe em branco</LI><li>Não coloque Caracteres<br> especiais</li><li>Caso o Erro persista, informe<br> outro nome</li></fieldset></div> <fieldset><legend><strong><font size="2">Dados Pessoais: </font></strong><a class="cursor" title="Insira seus DADOS PESSOAIS">( ? ) </a></legend> <table width="560" border="0"> <tr> <td height="18" colspan="3" valign="bottom" width="280"> <font size="2"><div id="report" class="visible">Nome:</div></font></td> <td colspan="3" valign="bottom" width="280"><font size="2"><div id="s_report" class="visible">Sobrenome:</div></font> </td> </tr> <tr> <td width="220" height="24" valign="top"> <input name="t_nome" type="text" class="caixa-padrao" id="t_nome" onBlur="java script:envia('script/recebe_nome.asp','POST',false);" size="30" ></td> <td width="29" valign="top" id="nome"></td> <td width="29" align="left" valign="top"><div id="c_nome" class="hidden"><a onmouseover="MM_showHideLayers('int_c_nome','','show')" onmouseout="MM_showHideLayers('int_c_nome','','hide')">(?)</a></div></td> <td width="220" valign="top"> <input name="t_s_nome" type="text" class="caixa-padrao" id="t_s_nome" size="30" onBlur="java script:envia2('script/recebe_s_nome.asp','POST',false);" > </td> <td width="29" valign="top" id="s_nome"></td> <td width="29" valign="top"><div ID="c_s_nome" class="hidden"><a onmouseover="MM_showHideLayers('int_c_s_nome','','show')" onmouseout="MM_showHideLayers('int_c_s_nome','','hide')">(?)</a></div></td> </tr> </table></fieldset><br><fieldset><legend><strong><font size="2">Dados Empresariais: </font></strong><a class="cursor" title="Insira os DADOS EMPRESARIAS">( ? ) </a></legend> <table width="560" border="0"> <tr> <td width="580" colspan="6"><font size="2"><div id="e_n_report" class="visible">Empresa</div></font></td> </tr> <tr> <td width="500" colspan="4" valign="top"><input name="t_e_nome" id="t_e_nome" type="text" size="70" class="caixa-padrao-empresa" onBlur="java script:envia3('script/recebe_e_nome.asp','POST',false);"></td> <td width="29" valign="top" id="e_nome"></td> <td width="29" valign="top"><div id="c_e_nome" class="hidden"><a onmouseover="MM_showHideLayers('int_c_e_nome','','show')" onmouseout="MM_showHideLayers('int_c_e_nome','','hide')">(?)</a></div></td> </tr> <tr> <td colspan="6" height="20" width="580"> </td> </tr> <tr> <td width="280" colspan="3" valign="bottom"> <font size="2"><div id="e_e_report" class="visible">E-mail:</div></font></td> <td width="280" colspan="3" valign="bottom"> <font size="2"><div id="e_t_report" class="visible">Telefone:</div></font></td> </tr> <tr> <td width="220" valign="top"><input name="t_e_email" id="t_e_email" type="text" size="30" class="caixa-padrao-outro" onBlur="java script:envia4('script/recebe_e_email.asp','POST',false);"></td> <td width="29" valign="top" id="e_email"> </td> <td width="29" valign="top" ><div id="c_e_email" class="hidden"><a onmouseover="MM_showHideLayers('int_c_e_email','','show')" onmouseout="MM_showHideLayers('int_c_e_email','','hide')">(?)</a></div></td></td> <td width="220" valign="top"><input name="t_e_telefone" id="t_e_telefone" type="text" size="30" class="caixa-padrao-outro" onBlur="java script:envia5('script/recebe_e_telefone.asp','POST',false);"></td> <td width="29" valign="top" id="e_telefone"> </td> <td width="29" valign="top" ><div id="c_e_telefone" class="hidden"><a onmouseover="MM_showHideLayers('int_c_e_telefone','','show')" onmouseout="MM_showHideLayers('int_c_e_telefone','','hide')">(?)</a></div></td></td></td> </tr> </table></fieldset><br><fieldset><legend><strong><font size="2">Cadastro de Acesso: </font></strong><a class="cursor" title="Insira seus DADOS CADASTRAIS (você os usará para fazer LOGIN)">( ? ) </a></legend> <table width="560" border="0"> <tr> <td height="18" colspan="3" valign="bottom" width="280"> <font size="2">Nome:</font></td> <td colspan="3" valign="bottom" width="280"><font size="2">Confirmar Nome:</font></td> </tr> <tr> <td width="220" valign="top"> <input name="t_c_nome" id="t_c_nome" type="text" size="30" class="caixa-padrao-outro" onBlur="java script:envia6('script/recebe_c_nome.asp','POST',false);"></td> <td width="29" valign="top" id="c_nome"> </td> <td width="29" valign="top" ><div id="c_c_nome" class="visible"><a onmouseover="MM_showHideLayers('int_c_c_nome','','show')" onmouseout="MM_showHideLayers('int_c_c_nome','','hide')">(?)</a></div></td> <td width="220" valign="top"><input name="t_c_c_nome" type="text" size="30" class="caixa-padrao"></td> <td width="29" valign="top" id="c_c_nome"> </td> <td width="29" valign="top" > </td> </tr> <tr> <td colspan="6" height="20"> </td> </tr> <tr> <td width="280" height="18" colspan="3" valign="bottom"><font size="2" face="Geneva, Arial, Helvetica, sans-serif">Senha:</font></td> <td width="280" colspan="3" valign="bottom"><font size="2" face="Geneva, Arial, Helvetica, sans-serif">Confirmar Senha:</font></td> </tr> <tr> <td width="220" valign="top"><input name="t_c_senha" type="password" size="30" class="caixa-padrao"> </td> <td width="29" valign="top" id="c_senha"> </td> <td width="29" valign="top" > </td> <td width="220" valign="top"><input name="t_c_c_senha" type="password" size="30" class="caixa-padrao"> </td> <td width="29" valign="top" id="c_c_senha"> </td> <td width="29" valign="top" > </td> </tr> </table></fieldset><input name="numero" type="hidden" value="<%=GeraString(8, 1, 1)%>"><br></div> <div id="inferior" style="position:absolute; left:0px; top:360; width:600; height:40; z-index:3; visibility: visible;"> <table width="602" border="0"> <tr> <td width="416" height="38" align="right" valign="middle"><strong><font size="2">Envio de Cadastro</font> </strong> </td> <td width="74" align="center" valign="middle"><input type="submit" name="Envia" id="submit" value="Enviar" disabled></td> <td width="97" align="center" valign="middle"><input type="reset" name="limpar" id="limpar" value="Limpar"></td> </tr> </table></div></form><table width="600" height="400" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="600" height="400" valign="top"> </td> </tr> </table></font></body></html>
ocultar_camada.js
// JavaScript Document<!--function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; }}//-->
bom , é so colocar para rodar q vcs verao
abraços
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
Carregando comentários...
