Tentando Suprir Incapacidade Do Css (ie)

#1 NetMaster

Novato no fórum

Usuários
15 posts

Sexo:Não informado

Posted 04/07/2005, 13:56

Andei lendo para saber mais sobre css, do qual não sabia nada!
Vi que havia um "erro" no ie que só aceitava :houver na tag <a>

Estou querendo colocar um menu em div ounde o fundo vai mudar de cor!

poderia colocar na tag <div onmouseover="this.style.backgroundColor='#fff'" onmouseout= ...>

Sim! funcionaria, mas eu nao quero colocar isso em todos os menus.

tentei em diversas maneirar criar um funcao que pegasse o this e a cor mais ou menos assim

<script ...>
function fundo(qual,cor) {
qual.style.backgroundColor=cor
}
</script>
<div onmouseover=fundo(this,white) ...>

Não consegui fazer funcionar de maneira nenhuma se algém souber como fazer funcionar ...

#2 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 04/07/2005, 13:58

function fundo(qual,cor) {
with (qual) {
style.backgroundColor=cor;
}
}

Klaus Paiva
Conheça também: Taperás

#3 NetMaster

Novato no fórum

Usuários
15 posts

Sexo:Não informado

Posted 04/07/2005, 14:49

poxa o que me mandou não funcionou!

<html>
<head>
<script src="index.js"></script>
</head>

<body>
<div id=menu1 onmouseover="fundo(this,#fff);window.status='index'" onmouseout="window.status='Quem procura acha'">Index</div>
</body>
</html>

index.js

function fundo(qual,cor) {
 with (qual) {
  style.backgroundColor=cor;
 }
}

#4 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 04/07/2005, 15:10

Bom, testei aqui e está normal

Seguem duas versões:

<html>
<head>
<script type="text/javascript">
/*
function fundo (qual, cor) {
document.getElementById(qual.id).style.backgroundColor = cor;
}
*/
function fundo (qual, cor) {
with (qual) {
style.backgroundColor=cor;
}
}
</script>
</head>

<body>
<div id=menu1 onmouseover="fundo(this,'#f0f');window.status='index'" onmouseout="window.status='Quem procura acha'">Index</div>
</body>
</html>

Klaus Paiva
Conheça também: Taperás

#5 Paulo Freitas

××××××× LRU #456504 ××××××× ××××××× LRM #364686 ×××××××

Ex-Admins
5612 posts

Sexo:Masculino
Localidade:Campinas - SP

Posted 04/07/2005, 15:25

Andei lendo para saber mais sobre css, do qual não sabia nada!
Vi que havia um "erro" no ie que só aceitava :houver na tag <a>

Não seria hover ?! :blink:

[]’s

Até mais

#6 NetMaster

Novato no fórum

Usuários
15 posts

Sexo:Não informado

Posted 04/07/2005, 15:41

Ops...... hehehehhe nem percebi! é hover! :shit:

SEMPRE ESCREVO ERRADO

klaus

eu testei seu codigo num novo html e deu certo!

mas quando ponho no meu ele dá erro = objeto esperado

poderia ter algum problema de conflito com o código css que tenho?

Edição feita por: NetMaster, 04/07/2005, 15:48.

#7 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 04/07/2005, 16:02

Não, isso é erro de JS. Provavelmente você passou o mouse na <div> antes da função ser criada ou, o JS já existente na página, realiza alguma mudança na div que invalida a função acima.

Klaus Paiva
Conheça também: Taperás