Question Javascript / Safari

[Savagnin]

...âmes sensibles & puristes s'abstenir

J'ai écrit un bout de code pour obtenir un "onmouseover"...
Ca marche bien avec IE et Firefox, mais avec Safari, quand je passe sur les liens, ça marche un moment et après, il s'emmêle les pinceaux et, par exemple, me laisse un lien "éclairé alors que je ne suis plus dessus ou ne l'allume plus lorsque je suis dessus... Bref, ça va pas...

Quelqu'un peut-il me dire si j'ai mal fait quelque chose, sachant que c'est mes tous premiers Javascript ?

Le code :

<script type="text/javascript">
function modifprod() {
var divcoul = document.getElementById('coul');
var displaycoul = divcoul.style.display ? '' : 'none';
divcoul.style.display = displaycoul;
}

function modifprod2() {
var divcoul2 = document.getElementById('coul2');
var displaycoul2 = divcoul2.style.display ? '' : 'none';
divcoul2.style.display = displaycoul2;
}

function modifref() {
var divcoul3 = document.getElementById('coul3');
var displaycoul3 = divcoul3.style.display ? '' : 'none';
divcoul3.style.display = displaycoul3;
}
</script>

...et le bout de code html qui va avec...

<div class="menuprod" id="coul" style="display:none;"></div>

<div id="prod">
<a href="#" onmouseover="modifprod()" onmouseout="modifprod()">Les produits & services</a>
</div>


<div class="nosproduits" id="coul2" style="display:none;">
<p>Les produits & services</p>
</div>

<div id="produits">
<a href="#" onmouseover="modifprod2()" onmouseout="modifprod2()"></a>
</div>


...pour au final avoir ça !

D'avance merci à ceux qui voudront bien m'éclairer...

 

[Captain_X]

je pige pas le :
<div class="menuprod" id="coul" style="display:none;"></div>
pk tu mets pas ton display:none dans la class menuprod ... et tu fais changer la class
menuprod => display:none
menuprod_over => display:block

non ?

 

[Savagnin]

euh, si peut-être... en fait je sais pas:rose:
ce que je voudrais, c'est peut-être tout simple, mais je m'y perds : je voudrais que quand on est sur mon image, elle s'allume et le texte aussi, et que quand on est sur le texte, il s'allume et l'image aussi...

Si ça se trouve, y'a pas besoin de javascript, mais je suis un peu largué, entre autre avec les "display"

pk tu mets pas ton display:none dans la class menuprod ... et tu fais changer la class
menuprod => display:none
menuprod_over => display:block
[/COLOR]

Tu veux dire dans la CSS "menuprod" ? (menuprod_over, c'est pareil que menuprod:hover ?)

...et pardon pour ces questions de néophyte (si j'aurais su, j'aurais pris mon GoLIve - mais nan, c'est pas vrai...)

 

[Captain_X]

non menuprod_over, c'est un nom qui passait par là ... tout comme menuprod_survol ou je ne sais quoi ...

:hover c'est autre chose