Ir para conteúdo

POWERED BY:

Arquivado

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

alugopejr

[Resolvido] Javascript funciona em IE e chrome, mas não em Firefo

Por , em Javascript

Recommended Posts

alugopejr    0

alugopejr
Postado

Boa tarde a todos, estou desesperado, preciso entregar um site para um cliente, mostrei a ele uma animação de texto em javascript e ele amou, eu tinha testado em ie e chrome, porém ao testar no firefox não funcionou, alguém pelo amor de Deus pode me dar uma ajuda, abaixo segue o código completo.

Antes só funcionava no IE, porém consegui fazer funcionar no Chrome alterando a linha

if (document.all) {

para

if (document.all||document.getElementById) {

Com essa alteração passou a funcionar no IE e tb no chrome, mas já pesquisei bastante sobre como funcionar no mozilla, mas nada dele trabalhaar com esse browser.

Por favo, me ajudem, no aguardo.

Desde já meu muito obrigado aos interessados.

<html>
<title>Javascript</title>
<head>

<script type="text/javascript">
text=new Array('Bem-vindo ao meu site',
                      'Calositas em Anápolis-GO',
                      'Contate-nos',
                      '(62) 9296-0284',
                      'alugopejr@yahoo.com.br',
                      'Visualização em 1024X768'
		   )
var numText=6
color=new Array('red',
                     'blue',
                     'white',
                     'green',
                     'yellow',
		    'red',
                     'blue',
                     'white',
                     'yellow',
                     '00FF00')
var numColors=10
var endSize=75
var Zspeed=150
var Cspeed=100
var font='Verdana'
var hide=true
       var size=10
       var gonum=0
       var numero=0

if (document.all||document.getElementById) {

	n=0
	ie=1
	zoomText='document.all.zoom.innerText=text[num]'
	zoomSize='document.all.zoom.style.fontSize=size'
	closeIt=""
	fadeColor="document.all.zoom.style.color=color[numero]"
}

if (document.layers) {

	n=1;ie=0
	zoomText=""
	zoomSize="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')"
	closeIt="document.zoom.document.close()"
	fadeColor="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[numero]+'\">'+text[numText-1]+'</p>')"

}


function zoom(num,fn){

if (size<endSize){
	eval(zoomText)
	eval(zoomSize)
	eval(closeIt)
  		size+=5;
	setTimeout("zoom("+num+",'"+fn+"')",Zspeed)
}else{
 	eval(fn);
}

}

function fadeIt(numero){

if (numero<numColors){
	eval(fadeColor)
	eval(closeIt)
  		numero+=1;
	setTimeout("fadeIt("+numero+")",Cspeed)
       }
//	}else{
//		hideIt()
//	}

}

function hideIt(){

if(hide){
	if(ie)document.all.zoom.style.visibility="hidden"
	if(n)document.layers.zoom.visibility="hidden"
}

}


function init(){
if(ie){
	document.all.zoom.style.color=color[0]
	document.all.zoom.style.fontFamily=font}
	go(0);
}

function VariosLoop(num){
size=10;
for (x = 1; x < numText; x++){
zoom(num,'x');
       fadeIt(0);
}
}

function go(num){

gonum+=1

size=10

if(num<numText){

	zoom(num,'go('+gonum+')')
	fadeIt(0)

}else{
	gonum=0
	fadeIt(0)
               go(0)
}

}
</script>

<title>Banner de texto animado</title>
</head>

<body onLoad="init()" ;" text="#000000" bgcolor="#FFFFFF">

<center>
<table border="10" width="980" height="120" bgcolor="#000000">
 <tr>
   <td width="100%" valign="top"><div id="zoom" align="center" style="position:absolute;"></div></td>
 </tr>
</table>
</center></div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucasao    5

lucasao
Postado 
<html> 
<title>Javascript</title> 
<head> 

<script type="text/javascript"> 
       text=new Array('Bem-vindo ao meu site', 
                      'Calositas em Anápolis-GO', 
                      'Contate-nos', 
                      '(62) 9296-0284', 
                      'alugopejr@yahoo.com.br', 
                      'Visualização em 1024X768' 
                          ) 
       var numText=6 
       color=new Array('red', 
                     'blue', 
                     'white', 
                     'green', 
                     'yellow', 
                           'red', 
                     'blue', 
                     'white', 
                     'yellow', 
                     '00FF00') 
       var numColors=10 
       var endSize=75 
       var Zspeed=150 
       var Cspeed=100 
       var font='Verdana' 
       var hide=true 
       var size=10 
       var gonum=0 
       var numero=0 

if (document.all||document.getElementById) { 

               n=0 
               ie=1 
               zoomText='document.all.zoom.innerHTML=text[num]' // Aqui!!!
               zoomSize='document.all.zoom.style.fontSize=size' 
               closeIt="" 
               fadeColor="document.all.zoom.style.color=color[numero]" 
       } 

if (document.layers) { 

               n=1;ie=0 
               zoomText="" 
               zoomSize="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')" 
               closeIt="document.zoom.document.close()" 
               fadeColor="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[numero]+'\">'+text[numText-1]+'</p>')" 

       } 


function zoom(num,fn){ 

       if (size<endSize){ 
               eval(zoomText) 
               eval(zoomSize) 
               eval(closeIt) 
               size+=5; 
               setTimeout("zoom("+num+",'"+fn+"')",Zspeed) 
       }else{ 
               eval(fn); 
       } 

} 

function fadeIt(numero){ 

       if (numero<numColors){ 
               eval(fadeColor) 
               eval(closeIt) 
               numero+=1; 
               setTimeout("fadeIt("+numero+")",Cspeed) 
       } 
//      }else{ 
//              hideIt() 
//      } 

} 

function hideIt(){ 

       if(hide){ 
               if(ie)document.all.zoom.style.visibility="hidden" 
               if(n)document.layers.zoom.visibility="hidden" 
       } 

} 


function init(){ 
       if(ie){ 
               document.all.zoom.style.color=color[0] 
               document.all.zoom.style.fontFamily=font} 
               go(0); 
} 

function VariosLoop(num){ 
size=10; 
for (x = 1; x < numText; x++){ 
       zoom(num,'x'); 
       fadeIt(0); 
} 
} 

function go(num){ 

       gonum+=1 

       size=10 

       if(num<numText){ 

               zoom(num,'go('+gonum+')') 
               fadeIt(0) 

       }else{ 
               gonum=0 
               fadeIt(0) 
               go(0) 
       } 

} 
</script> 

<title>Banner de texto animado</title> 
</head> 

<body onLoad="init()" ;" text="#000000" bgcolor="#FFFFFF"> 

<center> 
<table border="10" width="980" height="120" bgcolor="#000000"> 
 <tr> 
   <td width="100%" valign="top"><div id="zoom" align="center" style="position:absolute;"></div></td> 
 </tr> 
</table> 
</center></div> 
</body> 
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

alugopejr    0

alugopejr
Postado

Grande Lucas, muito obrigado cara, de coração, já estava desistindo, uma simples palavra e tudo funciona maravilhosamente bem, muito obrigado mesmo.

Continue ajudando as pessoas assim, nota 10000 p você.

Abraço e fique com Deus

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