Ir para conteúdo

POWERED BY:

Arquivado

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

everton_asp

Javascript Funciona em IE mas não funciona em FireFox

Por , em Desenvolvimento frontend

Recommended Posts

everton_asp    0

everton_asp
Postado

Boa tarde amigos,

 

Alguem pode me ajudar ??

 

Tenho este script abaixo que funciona em Internet Explorer mas não funciona no Firefox,

o ero ta dando na linha em negrito:

 

<!--#include file="../inc/config.asp" --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html> <head>   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">   <link href="../inc/css.css" rel="stylesheet" type="text/css">   <title>teste</title><body onLoad="trocaImagem();" leftmargin="0" topmargin="0"><script language="JavaScript" type="text/javascript"> 	 fadeValue = 0;	 vis = true;// Função para 	 function trocaImagem() {	   wait=100;	   if (vis) {		window.document.getElementById("divImg").filters.alpha.opacity=fadeValue;		 fadeValue += 10;		 			 	   } else {		 window.document.getElementById("divImg").filters.alpha.opacity=fadeValue;		 fadeValue -= 10;	   }	   setTimeout('location.reload()', 5000); 	   if (fadeValue == 100) { vis = false; wait=3000; }	   if (fadeValue == 0) { vis = true; wait=3000; } 	   setTimeout('trocaImagem()',wait);	 }   </script><table id="divImg"  style="position:absolute; filter:alpha(opacity=0); z-index:1; left: 0px; top: 0px;"> <% sqlNovidade = " SELECT * FROM  (SELECT  TOP 5 *  FROM Novidade ORDER BY NovidadeID DESC) NickSelect ORDER BY NEWID()" set rsnov = Conexao.Execute(sqlNovidade)%>	<span class="txt"><%=rsnov("NovidadeTitulo")%><br /></span>   	<img src="../img/produtos/<%=rsnov("NovidadeImagem")%>" width="180" height="150">	<img src="../img/seta.jpg" width="7" height="7" align="left"><br><br> 	<a  href="../index.asp?section=novidades&id=<%=rsnov("NovidadeID")%>" target="_parent"><%=left(rsnov("NovidadeTexti"),200)%>...</a></table></body>

---------------------------------------------Erro que da:

window.document.getElementById("divImg").filters has no properties

trocaImagem()noticias_home.asp (line 19)

onload(load )noticias_home.asp (line 1)

[break on this error] window.document.getElementById("divImg").filters.alpha.opacity=fadeValue;

 

Erro:

filters has no properties.

Lembra que esta pagina é um Iframe, que esta sendo chamada na pagina Home.asp,

 

Muito obrigado genteee !!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

everton_asp    0

everton_asp
Postado

filters.alpha.opacity=

não é só usado no IE pro firefox

você deve usar style.opacity=

Bom dia amigo, antes de mais nada obrigado pela atenção !!

 

Então, desta maneira não funcionou o efeito fade mas ja é alguma coisa !!!

 

Só que por outro lado não aparece nada no IE !!!

 

olha a função abaixo como ficou :

 

<script language="JavaScript" type="text/javascript"> 	 fadeValue = 0;	 vis = true;// Função para FADE	 function trocaImagem() {	   wait=100;	   if (vis) {		window.document.getElementById("divImg").style.opacity=fadeValue;		 fadeValue += 10;		 			 	   } else {		 window.document.getElementById("divImg").style.opacity=fadeValue;		 fadeValue -= 10;	   }	   setTimeout('location.reload()', 5000); 	   if (fadeValue == 100) { vis = false; wait=3000; }	   if (fadeValue == 0) { vis = true; wait=3000; } 	   setTimeout('trocaImagem()',wait);	 }   </script>
se puderes me ajudar !!!

 

obrigado !!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

mas é por que o valor numerico do opaco no opacity é diferente do filter filters.alpha.opacity

 

para internet explorer

filters.alpha.opacity = 80;

filters.alpha.opacity = 55;

filters.alpha.opacity = 100;

 

 

para opera firefox

style.opacity = 0.8;

style.opacity = 0.55;

style.opacity = 0;

 

abraco

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado

mas é por que o valor numerico do opaco no opacity é diferente do filter filters.alpha.opacity

 

para internet explorer

filters.alpha.opacity = 80;

filters.alpha.opacity = 55;

filters.alpha.opacity = 100;

 

 

para opera firefox

style.opacity = 0.8;

style.opacity = 0.55;

style.opacity = 0;

 

abraco

Ôpa Silverfox, não seria:

 

Para internet explorer:

filter = 'Alpha(Opacity=80)';

filter = 'Alpha(Opacity=55)';

filter = 'Alpha(Opacity=100)';

 

Da primeira forma não funcionou aqui (IE 6), só da segunda. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

Movido:

JavaScript / DHTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards: CSS / XML / XHTML/ HTML

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

bem então o resultado final seria isso:

 

<style>
.b{
width:200px;
height:200px;
background:#fc0;;)
}
#divImg{
width:200px;
height:200px;
background:#fff;
}
 </style>
<script language="JavaScript" type="text/javascript">

	var fadeValue = 0;
	var vis = true;
// Função para FADE
	 function trocaImagem() {
	  var wait=100;

	   if (vis) {
		document.getElementById("divImg").style.filter = 'Alpha(Opacity='+fadeValue+')';
		document.getElementById("divImg").style.opacity='0.'+fadeValue;

		 fadeValue += 10;
				
	   } else {
		 document.getElementById("divImg").style.filter = 'Alpha(Opacity='+fadeValue+')';
		 document.getElementById("divImg").style.opacity='0.'+fadeValue;

		 fadeValue -= 10;
	   }
	   if (fadeValue == 100) { vis = false; wait=3000; }
	   if (fadeValue == 0) { vis = true; wait=3000; }

	   setTimeout('trocaImagem()',wait);

	 }
	window.onload = trocaImagem;
   </script>
<div class="b">
<div id="divImg">sdfsdf</div>
</div>

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito