Diferença explorer x firefox

Mensagem por **JoséQuintas** » 21 Ago 2016 20:40

Isto funciona no explorer, mas não no Firefox:

<script language="JavaScript">
<!--
function mOvr(src,clrOver)
{if (!src.contains(event.fromElement)) {src.style.cursor = 'hand'; src.background='bgover.jpg'; } }
function mOut(src,clrIn)
{if (!src.contains(event.toElement)) {src.style.cursor = 'default'; src.background='bgnews.jpg'; } }
-->
</script>

dentre outros lugares, é usado aqui.

Código: Selecionar todos

<td width="100%" height="60" align="center" background="bgnews.jpg" onmouseout="mOut(this);" onmouseover="mOvr(this);">

É pra alterar a cor quando o mouse até sobre a coluna da tabela.

alguma dica?
Javascript é Microsoft e não tem no Firefox?

Mensagem por **Toledo** » 22 Ago 2016 08:53

José Quintas, eu prefiro usar CSS, veja um exemplo:

Código: Selecionar todos

<html>
<head>
<title>Teste Hover com imagem em Table usando CSS</title>
<style style="text/css">
  	.hoverTable{
		width:100%; 
		border-collapse:collapse; 
	}
	.hoverTable td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* Define a imagem default */
	.hoverTable tr{
		background-image: url('http://www.jpatecnologia.com.br/html/bgnews.jpg');
	}
	/* Define a imagem com hover */
    .hoverTable tr:hover {
          background-image: url('http://www.jpatecnologia.com.br/html/bgover.jpg');
    }
</style>
</head>
<body>
<table class="hoverTable">
	<tr>
		<td>Texto 1A</td><td>Texto 1B</td><td>Texto 1C</td>
	</tr>
	<tr>
		<td>Texto 2A</td><td>Texto 2B</td><td>Texto 2C</td>
	</tr>
	<tr>
		<td>Texto 3A</td><td>Texto 3B</td><td>Texto 3C</td>
	</tr>
</table>
</body>
</html>

Fiz um teste com IE, Firefox, Google Chrome e funcionou certinho. Segue o link para testes: https://pctoledo.org/temp/testecss.html

Abraços,

Mensagem por **JoséQuintas** » 22 Ago 2016 10:35

Porque gosto do explorer:

Alterei, atualizei o site, estou testando e............

no explorer, ok continua igual, tudo funcionando, já mostra fonte novo.

no Firefox.... continua mostrando o fonte velho, não adiantou recarregar Firefox, recarregar página, não consigo testar o site atualizado no firefox.

google chrome nem uso, ele causava isso até nos downloads do Windows.

Sei lá, talvez reiniciar a máquina ou procurar aonde se apaga o cache de internet do Firefox.....

Mensagem por **JoséQuintas** » 22 Ago 2016 10:43

Esqueci de agradecer.

Reiniciei o computador mas continua mostrando a página antiga no firefox.
Então não sei dizer quando vou saber se funcionou com ele.... rs

Mensagem por **JoséQuintas** » 22 Ago 2016 11:01

Achei.
O Firefox parece não gerenciar direito páginas atualizadas, e acaba sendo obrigatório limpar o cache.

Agora usou a página nova e deu pra ver funcionando.

Mensagem por **JoséQuintas** » 22 Ago 2016 11:25

Dei uma pequena geral, ficou com quase metade do tamanho, e acho que dá pra reduzir um pouco mais.
Detalhe: o style também aceita path relativo ao invés de path completo.

antes:

Código: Selecionar todos

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>JPA Tecnologia</title>
<base target="teladados">
</head>

<body background="bgborder.jpg" text="#000000" topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="35">
    <tr>
        <td align="center" rowspan="2" width="23%"
        onmouseout="mOut(this);" onmouseover="mOvr(this);"><a
        href="busca.asp?busca=lat" target="areatexto"><img
        src="jpa2010.gif" width="186" height="34" style="border-style:none"></a></td>
    </tr>
    <tr>
        <td><table border="0" class="opcoes">
            <tr>
                <td align="center" width="12%"
                onmouseout="mOut(this);"
                onmouseover="mOvr(this);"><a
                href="busca.asp?chave=JPA-Integra&busca=nao"
                target="areatexto" style="text-decoration:none"><font
                color="#FFFFFF" size="3" face="Arial">JPA-INTEGRA</font></a></td>
            </tr>
        </table>
        </td>
        <td><table border="0" class="opcoes">
            <tr>
                <td align="center" width="12%"
                onmouseout="mOut(this);"
                onmouseover="mOvr(this);"><a
                href="busca.asp?chave=aempresa&busca=nao"
                target="areatexto" style="text-decoration:none"><font
                color="#FFFFFF" size="3" face="Arial">EMPRESA</font>
                </a></td>
            </tr>
        </table>
        </td>
        <td><table border="0" class="opcoes">
            <tr>
                <td align="center" width="12%"
                onmouseout="mOut(this);"
                onmouseover="mOvr(this);"><a
                href="busca.asp?chave=Download&busca=nao"
                target="areatexto" style="text-decoration:none"><font
                color="#FFFFFF" size="3" face="Arial">DOWNLOAD</font>
                </a></td>
            </tr>
        </table>
        </td>
        <td><table border="0" class="opcoes">
            <tr>
                <td align="center" width="12%"
                onmouseout="mOut(this);"
                onmouseover="mOvr(this);"><a
                href="busca.asp?chave=contato&busca=nao"
                target="areatexto" style="text-decoration:none"><font
                color="#FFFFFF" size="3" face="Arial">CONTATO</font>
                </a></td>
            </tr>
        </table>
        </td>
        <td><table border="0" class="opcoes">
            <tr>
                <td align="center" width="12%"
                onmouseout="mOut(this);"
                onmouseover="mOvr(this);"><a href="busca.asp"
                target="areatexto" style="text-decoration:none"><font
                color="#FFFFFF" size="3" face="Arial">PESQUISA</font>
                </a></td>
            </tr>
        </table>
        </td>
        <td><table border="0" class="opcoes">
            <tr>
                <td align="center" width="12%"
                onmouseout="mOut(this);"
                onmouseover="mOvr(this);"><a
                href="http://www.mariopersona.com.br/atual.html"
                target="areatexto" style="text-decoration:none"><font
                color="#FFFFFF" size="3" face="Arial">CRÔNICA</font>
                </a></td>
            </tr>
        </table>
        </td>
    </tr>
</table>
<script language="JavaScript">
<!--
function mOvr(src,clrOver) {if (!src.contains(event.fromElement)) {src.style.cursor = 'hand';
src.background="bgover.jpg";
}
}
function mOut(src,clrIn) {if (!src.contains(event.toElement)) {src.style.cursor = 'default';
src.background="";
}
}
// -->
</script>
</body>
</html>

[/code]

depois

Código: Selecionar todos

<html>
<head>
<title>JPA Tecnologia</title>
<style style="text/css">
   .hoverTable{
   width:100%;
   height:35px;
   border-collapse:colapse;
   }
   .hoverTable td{
      background-image:;
      width:12%;
   }
   .hoverTable td:hover {
      background-image:url('bgover.jpg');
   }
</style>
</head>

<body background="bgborder.jpg" text="#000000" topmargin="0" leftmargin="0">

<table class="hoverTable">
    <tr>
    <td align="center" width="23%">
       <a href="busca.asp?busca=lat" target="areatexto">
          <img src="jpa2010.gif" width="186" height="34" style="border-style:none">
       </a>
    </td>
    <td align="center">
       <a href="busca.asp?chave=JPA-Integra&busca=nao" target="areatexto" style="text-decoration:none">
       <font color="#FFFFFF" size="3" face="Arial">JPA-INTEGRA</font>
       </a>
    </td>
    <td align="center">
       <a href="busca.asp?chave=aempresa&busca=nao" target="areatexto" style="text-decoration:none">
       <font color="#FFFFFF" size="3" face="Arial">EMPRESA</font>
       </a>
    </td>
    <td align="center">
       <a href="busca.asp?chave=Download&busca=nao" target="areatexto" style="text-decoration:none">
       <font color="#FFFFFF" size="3" face="Arial">DOWNLOAD</font>
       </a>
    </td>
    <td align="center">
       <a href="busca.asp?chave=contato&busca=nao" target="areatexto" style="text-decoration:none">
       <font color="#FFFFFF" size="3" face="Arial">CONTATO</font>
       </a>
    </td>
    <td align="center">
       <a href="busca.asp" target="areatexto" style="text-decoration:none">
       <font color="#FFFFFF" size="3" face="Arial">PESQUISA</font>
       </a>
    </td>
    <td align="center">
       <a href="http://www.mariopersona.com.br/atual.html" target="areatexto" style="text-decoration:none">
       <font color="#FFFFFF" size="3" face="Arial">CRÔNICA</font>
       </a></td>
    </tr>
</table>
</body>
</html>

Valeu.
Agora vou alterar o menu lateral.
São os únicos dois arquivos em html: o topo e a lateral. Todo restante vém daquele busca.asp.

Se conseguir montar um style pro conjunto, pode acabar virando um único arquivo pro site inteiro.... rs

Nota: já deu pra ver que meu negócio não é mexer em site, por isso procurei deixar automático.... rs

Mensagem por **Toledo** » 22 Ago 2016 12:09

Quintas, tem algo estranho no seu site... estas alterações que você fez, pelo IE aparecem certinho, já no Firefox ou Chrome não, mesmo limpando o cache. Continua mostrando o html anterior.

Ai achei que fosse algum problema na minha rede com a Internet, então tentei abrir o seu site usando um proxy externo, estes proxy free que tem na Internet. Usei este:

https://hide.me/pt/proxy

Só que quando coloco o endereço do seu site neste proxy, ele não consegue abrir o seu site, mostra a seguinte mensagem: The requested resource could not be loaded.

Só para ter certeza que o problema estava no seu site, abri neste proxy outros sites conhecidos, como www.pctoledo.com.br, www.uol.com.br, www.terra.com.br e acessou sem problema algum.

Então tentei o seguinte... abri o Google.com.br e digitei no campo de busca:

site:jpatecnologia.com.br

E mandei fazer a busca... não retornou nada.

Quando usamos este comando acima (site:) seguido pelo endereço de algum site (endereço sem o www.) na busca do Google, o Google vai mostrar todas as páginas deste site que o Google tem indexado em seus registros.

Bom, se o Google não tem em seus registros nenhuma indexação do seu site, olha... nada escapa dos robôs (BOT*) do Google, então seu site está com algum problema mesmo.

* veja na página inicial aqui do fórum "QUEM ESTÁ ONLINE", note que em "Usuários registrados" sempre tem algum BOT olhando o fórum (bing, google, etc).

Abraços,

Mensagem por **JoséQuintas** » 22 Ago 2016 13:11

Teve uma época que usei ele no googleapps, só falta em algum lugar ele ter ficado preso no google.

Aqui normal no explorer e Firefox depois de ter limpado o cache.
No celular com google chrome também abre, mas não dá pra saber se é página nova ou velha.

Não faço idéia do que poderia ser necessário.
O curioso é que o harbourdoc.com.br é vinculado ao jpatecnologia.com.br, e abre normal no proxy.

Mensagem por **Toledo** » 22 Ago 2016 19:34

Toledo escreveu:estas alterações que você fez, pelo IE aparecem certinho

Observando melhor agora, o código HTML do seu site continua o antigo, tanto no IE como no Firefox e Chrome... não mudou nada no código, continua usando as funções mOut() e mOvr() feita em JavaScript. Tentei de várias maneiras atualizar o código, mas não deu certo.

Abraços

Mensagem por **JoséQuintas** » 22 Ago 2016 20:25

Não sei se olhou com atenção o print-screen que postei do Firefox.
Resolveu limpando o off-line, não o cache.

Mensagem por **JoséQuintas** » 22 Ago 2016 20:38

Esqueci de dizer, já que não sei qual está olhando:

Por enquanto só alterei o menu superior. O menu lateral vou alterar agora.

Mensagem por **Toledo** » 23 Ago 2016 08:24

Quintas, agora está aparecendo assim:

A tela maior é no IE e a menor é no Firefox.

Abraços,

Mensagem por **Toledo** » 23 Ago 2016 08:32

Um detalhe, se incluir no endereço a pasta /html/ ai abre o site:

http://www.jpatecnologia.com.br/html/

Abraços,

Mensagem por **JoséQuintas** » 23 Ago 2016 09:15

Quebrando a cabeça com o problema que mencionou, que passou a acontecer com Firefox.
Quando vi seu post, resolvido.

Devo ter enviado o index.htm da pasta html pra pasta principal.
O erro era não localizar mais nada, porque isso alterou a pasta default.

Valeu.
Agora tudo sem javascript e com style.

Mensagem por **Toledo** » 23 Ago 2016 10:25

JoséQuintas escreveu:Agora tudo sem javascript e com style

E funcionando da mesma maneira com IE, Firefox e Chrome.

Abraços,