[Resolvido] Evento OnMouseOver Não Funciona no FF

[Dee 0]

Código abaixo.

<a href="#" onmouseover="text('Oi',1)" onmouseout="javascript: text(' ',2)" class="efeito">(?)</a>

Função

function text(msg,op)
{
	if(op == 1)
	{
		document.getElementById("texto").className = 'pos';
		document.getElementById("texto").innerHTML = msg;
	}
	else
	{
		document.getElementById("texto").className = '';
		document.getElementById("texto").innerHTML = msg;
	}
}

Simplesmente não funciona no FF, era pra aparecer um Hint na tela.

No IE Aparece.

 

Comofas ?

[Ted k' 126]

Nao use className, melhor usar com o ID mesmo! irá funcionar nos dois!

[Dee 0]

Não entendi o que você quis dizer. Vou usar o que pra chamar a classe ?

[Ted k' 126]

nao chame atraves de classes, use a DIV use o ID

[Dee 0]

Não teria como você exemplificar isso no meu exemplo mano?

[JurisCode 0]

pelo que eu entendi seria algo como

<a href="#" onmouseover="text('Oi',1)" onmouseout="javascript: text(' ',2)" ID="efeito">(?)</a>

Função

 

function text(msg,op)
{
        if(op == 1)
        {
                document.getElementById("texto").ID = 'pos';
                document.getElementById("texto").innerHTML = msg;
        }
        else
        {
                document.getElementById("texto").ID = '';
                document.getElementById("texto").innerHTML = msg;
        }
}

não tenho certeza se só ID na função vai funcionar, temte como ID ou IDName. Não cheguei nesa parte ainda dos estudos.

[lucasmartins 6]

Putz, ta no ar isso?

[Henrique Barcelos 290]

Fiz assim e funcionou:

<script type="text/javascript">
			function texto(msg, op){
				if (op == 1) {
					document.getElementById("texto").ID = 'pos';
					document.getElementById("texto").innerHTML = msg;
				}
				else {
					document.getElementById("texto").ID = '';
					document.getElementById("texto").innerHTML = msg;
				}
			}
			
			window.onload = function(){
				var link = document.getElementsByTagName("a")[0];
				link.onmouseover = function(){
					texto('Oi',1);
				}
				link.onmouseout = function(){
					texto(' ',2);
				}
			}
		</script>

<a href="#" class="efeito">(?)</a>
		<div id="texto"></div>

[Dee 0]

Ó, não funcionou nada disso daí. Não sei se é eu que estou fazendo errado. Está assim:

 

<script type='text'>
function texto(msg, op){
	if (op == 1) {
			document.getElementById("texto").ID = 'pos';
			document.getElementById("texto").innerHTML = msg;
	}
	else{
			document.getElementById("texto").ID = '';
			document.getElementById("texto").innerHTML = msg;
	}
}
</script>

<a href="#" onmouseover="texto('SIGLA DIGITAL - Sistema de gestão empresarial com recursos flexíveis que atende 
deste micro empresas até empresas de médio porte.Possui recursos de cadastros como clientes, fornecedores e 
produtos.Há também ferramentas para emissão de nota fiscal atendendo recursos de nota fiscal paulista e nota 
fiscal eletrônica. Possui ferramentas de automação comercial e sistemas inteligentes de controle de 
automação.',1)" onmouseout="texto(' ',2);" class="efeito">(?)</a>

Eu coloco o mouse em cima do Link, dá a impressão de que vai aparecer o HINT, mas não mostra nada, tanto no IE, como no FF.

[Dee 0]

UEh, agora funcionou.

Eh uma fdputisse mesmo!

Só que eu nao coloquei ID, coloquei ClassName :S :S :S

 

Vlw pessoal, pelo menos aprendi uma coisa nova. =D

[William Bruno 1501]

Tá.. vamos lá.. você invalidou o script ao escrever o type errado:

<script type="text/javascript">

pra que mudar o ID do elemento ??

//document.getElementById("texto").ID = 'pos';

onde está o elemento com id="texto" ??

 

Não pode haver quebra de linha nesse caso, pois ai a tag não será reconhecida corretamente:

<a href="#" onmouseover="texto('SIGLA DIGITAL - Sistema de gestão empresarial com recursos flexíveis que atende deste micro empresas até empresas de médio porte.Possui recursos de cadastros como clientes, fornecedores e produtos.Há também ferramentas para emissão de nota fiscal atendendo recursos de nota fiscal paulista e nota fiscal eletrônica. Possui ferramentas de automação comercial e sistemas inteligentes de controle de automação.',1)" onmouseout="texto(' ',2);" class="efeito">(?)</a>
<div id="texto"></div>

[Dee 0]

Tá.. vamos lá.. você invalidou o script ao escrever o type errado:

<script type="text/javascript">

pra que mudar o ID do elemento ??

//document.getElementById("texto").ID = 'pos';

onde está o elemento com id="texto" ??

 

Não pode haver quebra de linha nesse caso, pois ai a tag não será reconhecida corretamente:

<a href="#" onmouseover="texto('SIGLA DIGITAL - Sistema de gestão empresarial com recursos flexíveis que atende deste micro empresas até empresas de médio porte.Possui recursos de cadastros como clientes, fornecedores e produtos.Há também ferramentas para emissão de nota fiscal atendendo recursos de nota fiscal paulista e nota fiscal eletrônica. Possui ferramentas de automação comercial e sistemas inteligentes de controle de automação.',1)" onmouseout="texto(' ',2);" class="efeito">(?)</a>
<div id="texto"></div>

Bom, eu digitei rápido, por isso deixei só text. No meu código estava certo.

O ID do elemento "texto" está em uma DIV, tem coisas que não precisam falar aqui. Eu deixei className, nao coloquei ID.

E eu dei Enter no texto do evento OnMouseOver do LINK, só pra ficar melhor visualizado aqui no fórum. Mas no meu código não tem quebra de linha.

 

Obrigado.