Ir para conteúdo

POWERED BY:

Arquivado

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

MaZZo

Problemas com exibição de imagem.

Por , em Javascript

Recommended Posts

MaZZo    0

MaZZo
Postado

Salve!

 

Sou iniciante em web e estou com uma dúvida mas não sei ao certo se a seção de JavaScript é o local certo para postar. Mas, vamos lá!

 

Estou montando uma página de login para acesso a um banco de dados. A programação do banco está ok. O problema (que talves seja até simples) é com o layout da página.

Ela contém um form com alguns campos e uma imagem de fundo, ambos dentro de <div>s e ajustados de acordo com o CSS correspondente. Estou realizando testes em 2 navegadores que julgo serem os mais utilizados (IE e FF) e estou com um problema em relação à imagem de fundo. O form é mostrado antes da imagem, o que deixa a pagina meio "estranha" (campos "voando" na tela! =P). Encontrei uma solução utilizando um Preloader pelo Dreamweaver. Lindo! No IE funciona que é uma beleza! Mas o problema persiste ainda no FF. O script MM_showHideLayers() roda mas a <div> do preloader não funciona corretamente no FF (ela aparece e depois some sem que a imagem de fundo esteja carregada!). Utilizei getElementById('').style.display='none dentro de um JS que faz com que a <div> seja ocultada após um delay e chamei a função na tag <body> mas o problema ainda persiste neste navegador.

Ainda não encontrei solução para o problema. Alguém poderia me dar uma luz??

 

Mto obrigado!!

 

----

 

Abaixo o código com MM_showHideLayers()

 

<function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);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; }}//--></script></head>		<body onLoad="MM_showHideLayers('tudo','','show','conteudo','','show','loading','','hide')">		<div id="loading" style="position:absolute; z-index:3; background-color:#FFFFFF; width:740px; height:420px; text-align:center; left: 375px; top: 32px;">Carregando</div> 		<div id="tudo"> 							<div id="conteudo"> 				<form action="" method="get" name="solicadastro" onSubmit="return validaFormCadastro()" hidden>				  <table border="0" align="center" cellspacing="2">					<tr> 					  <td align="right">Loja</td>					  <td><input name="codloja" type="text" size="2" maxlength="3"></td>	                                  .	                                  .	                                  .	                                  	                                  .	                                  .	</body></html>

Código com script de delay

 

<script language="JavaScript" type="text/JavaScript">	function MM_reloadPage(init) {  //reloads the window if Nav4 resized	  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {		document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}	  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();	}	MM_reloadPage(true);		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; }	}</script><script language="javascript" type="text/javascript">	i=1	function fechadiv()	{		i++;		if(i==10)		{			document.getElementById('loading').style.display='none';			document.getElementById('tudo').style.display='block';			document.getElementById('conteudo').style.display='block';		}		setTimeout('fechadiv()',1500);	}</script></head><body onLoad="fechadiv() " >	<div id="loading" style="position:absolute; z-index:3; background-color:#FFFFFF; width:740px; height:420px; text-align:center; left: 375px; top: 32px;">Carregando</div> 			<div id="conteudo"> 				<form action="" method="get" name="solicadastro" onSubmit="return validaFormCadastro()" hidden>				  <table border="0" align="center" cellspacing="2">					<tr> 					  <td align="right">Loja</td>					  <td><input name="codloja" type="text" size="2" maxlength="3"></td>	                                  .	                                  .	                                  .	                                  	                                  .	                                  .	</body></html>

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