Bug javascript sous Safari (backgroundImage + onmouseout)

Réponse acceptée !
<?= a éviter c'est grave déprécié, ne marche que si short_open_tags est actif sur le serveur et n'existera bientot plus...

<?php echo 'bloc'.$i; ?>

après faut voir... ton élément se déclenche... tu as mis un alert() dans ta fonction pour voir s'il te renvoyais quelque chose avec ton getElement... perso je pense que o doit valloir null à vérifier... essaye avec

<div id="<?php echo 'bloc'.$i; ?>" class="blocListe" onmouseover="javascript:taquet(this,true);" onmouseout="javascript:taquet(this);">

function taquet(obj,over){
    if (!obj) {
        return;
    }
    if(over) {
        obj.style.backgroundImage = "url(images/taquetRouge.jpg)";
    }
    else {
        obj.style.backgroundImage = "url(images/taquetBlanc.jpg)";
    }
}

@ tchaOo°

l'homme est un loup pour l'homme... .. .

Réponse acceptée !
Bonjour,

avant tout, regarde d'abord le contenu de o.backgroundImage !!!
fais un alert par exemple, tu comprendra bien mieux.

Cordialement [mon Site] [M'écrire] Bul

Réponse acceptée !
Oui, j'ai déjà vérifier avec alert();.
(sous Safari) Au départ, lors du premier survol,
l'image change normalement ("url(images/taquetBlanc.jpg)" -> "url(images/taquetRouge.jpg)").
Ensuite, backgroundImage reste bloqué et l'alert renvoie toujours "url(images/taquetRouge.jpg)".

J'ai viré les <?= et remplacé par <? echo
Mais le soucis ne venait pas de là (ceci dit bon à savoir, merci)

J'ai modifié ma fonction Javascript comme cela :
function taquet(obj,over){
    if (!document.getElementById) return;
    var o = document.getElementById(obj).style;

    if(over) {
        o.backgroundImage = "url(images/taquetRouge.jpg)";
    }
    else {
        o.backgroundImage = "url(images/taquetBlanc.jpg)";
    }
}

Et là ça fonctionne sous Safari, si je n'utilise pas le this dans : onmouseover="taquet(this, true)" !
Mais : onmouseover="taquet('<?php echo 'bloc'.$i ?>', true)"

Je vois pas bien la différence ?! Si ce n'est le "over"...
Que j'utilise this + obj.style.backgroundImage
OU <?php echo 'bloc'.$i ?> + document.getElementById(obj).style.backgroundImage
Cela est la même chose. non ?

Par contre, le soucis semble plus venir du système avec le modulo :
obj.style.backgroundImage  = (obj.style.backgroundImage == imgOn) ? imgOff : imgOn;
OU o.backgroundImage = (o.backgroundImage == imgOn) ? imgOff : imgOn;
Là dans les deux cas, ça ne fonctionne pas sous Safari.

Merci à vous,

Z

Réponse acceptée !
pour le <?= c'était en apparté... pour le reste en fait le this correspond à l'objet courrant donc en l'occurence ta div...

function taquet(v) {
    v.maVar = "maVal";
}
<div onclick="taquet(this);"></div>

revient à faire

function taquet(v) {
    document.getElementById(v).maVar = "maVal";
}
<div id="monId" onclick="taquet('monId');"></div>

@ tchaOo°

l'homme est un loup pour l'homme... .. .

Réponse acceptée !
Ok. et bien, merci !
[Résolu] ;)

Z