Des éléments restent bloqués avec Mozilla

Bonjour, j'ai un problème avec Mozilla ;

j'ai voulu faire une carte de France dont les régions se mettaient en surbrillance lorsqu'on passait dessus.
Pour cela j'ai fait 22 calques superposés : les 21 derniers sont des GIF n'affichant que chacun une région sur la carte. Chaque GIF est affiché ou effacé grâce aux 'onmouseover' et 'onmouseout' ajoutés à chaque élément <AREA>

Vous pouvez testez vous-mêmes:
http://www.freazer.com/perso/johann04

Ca marche très bien avec IE6, mais avec Mozilla, après quelques passages de la souris tous les éléments restent bloqués!!

PS: j'ai ajouté une routine pour que Mozilla et IE accèdent tout aussi bien l'un et l'autre aux éléments via leur ID.

Queslqu'un pourrait-il m'aider?

2 réponses

  • Votes
  • Date
  • Date décroissante
  1. Ca ne marche toujours pas !
    Merci pour les conseils sur les en-têtes, j'ai actualisé le source, sur http://ww25.freazer.com/perso/johann04/
    Au bout de quelques aller-retours de la souris sur une région, elle finit par ne plus surbriller... c'est sensiblement aléatoire (ce n'est jamais les mêmes éléments qui s'arrêtent en premier)

    Version de Mozilla:2.0

    Peut-être est-aussi la méthode utilisée qui n'est pas très catholique??
    1. Contributeur
      Bonjour,

      On peut essayer.

      Les problèmes viennent peut-être du fait que ta page n'est pas formée correctement. Il lui manque certains éléments.
      Le script est inscrit et la page se continue directement par <body>.

      Mon navigateur doit être susceptible, il affiche >ça< sans les effets locaux sur la carte.

      Essaye en ajoutant tout ce qu'il faut <html> <head> <title>.
      Au début et fermés à la fin.
      Quelque chose comme
      <?xml version="1.0" encoding="ISO-8859-15"?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
      
      <head>
      <title>Un titre qui te convient</title>
          <meta http-equiv="Content-type" content="text/html; charset=iso-8859-15" />
          <script type="text/javascript" />
              // source du script : Xavier Borderie, JDN Développeurs,  URL : http://developpeur.journaldunet.com/...
          var nn4 = (document.layers) ? true : false;
          var ie5 = (document.all) ? true : false;
          var dom = (document.getElementById && !document.all) ? true : false;
          
          function rId(id)
          {
            if (nn4) {
              chemin = document.layers[id];
              }
            else if (ie5) {
              chemin = document.all[id];
              }
            else if (dom) {
              chemin = document.getElementById(id);
              }
            else {
              chemin = false;
              }
            return chemin;
          }
          </script>
      </head>
      <BODY>

      À tester.