Un script qui ne tourne que dans IE mais pas sous FF

Version imprimable

Bonsoir, j'ai fait un script js qui tourne bien sous IE pas pas sous FF ; qu'est-ce que je peux faire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
<script>
function img_verin() {
document.getElementById("img").src="verin.jpg"; }
function img_batterie() {
document.getElementById("img").src="http://www.groupe-reval-sav.com/Photopiece/Batterie.jpg"; }
function restore_vide() {
document.getElementById("img").src="img_vide.jpg"; }
</script>
<table>
  <tbody>
    <tr>
      <td>
      <table style="border-collapse: collapse;" align="center"
 bgcolor="#ffffff" border="1" bordercolor="#993366"
 cellpadding="2" cellspacing="0">
        <tbody>
          <tr>
            <td align="left" bgcolor="#660033"><font
 color="#ffffff"><b>Syst&egrave;me<br>
            </b></font></td>
            <td align="left" bgcolor="#660033"><font
 color="#ffffff"><b>D&eacute;signation</b></font></td>
            <td align="left" bgcolor="#660033"><font
 color="#ffffff"><b>R&eacute;f&eacute;rence
REVAL</b></font></td>
            <td align="left" bgcolor="#660033"><font
 color="#ffffff"><b>Quantit&eacute;</b></font></td>
          </tr>
          <tr>
            <td align="left" bgcolor="#660033"><font
 color="#ffffff"><b>Mont&eacute;e
/ Descente</b></font></td>
            <td align="left"><font color="#000000"><a
 href="#" onmouseover="img_verin()"
 onmouseout="restore_vide()">V&eacute;rin</a></font></td>
            <td align="left"><font color="#000000">2503</font></td>
            <td align="left"><font color="#000000">1</font></td>
          </tr>
          <tr>
            <td align="left" bgcolor="#660033"></td>
            <td align="left"><font color="#000000"><a
 href="#" onmouseover="img_batterie()"
 onmouseout="restore_vide()">Batteries</a></font></td>
            <td align="left"><font color="#000000">2288F</font></td>
            <td align="left"><font color="#000000">2</font></td>
          </tr>...
        </tbody>
      </table>
      </td>
      <td>
      <table>
        <tbody>
          <tr>
            <td align="left" bgcolor="#660033"><font
 color="#ffffff"><b>Image</b></font></td>
          </tr>
          <tr height="380">
            <td><img name="img" src="img_vide.jpg"
 width="200"></td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>

24/10/2012, 07h04
andry.aime

Houlà,

Citation:

document.getElementById("img")

Citation:

<img name="img" src="img_vide.jpg"
width="200">

Et IE confond l'attribut name avec id, c'est pourquoi ça marche.

A+.
24/10/2012, 08h31
Bovino

De plus, comme déjà dit ailleurs, écrire x fois une fonction qui fait la même chose à un paramètre près... :no:
24/10/2012, 09h28
javatwister

et même, dans le meilleur des monde, un return false ne serait pas de trop quand tu appelles un script sur lien...

Merci pour les réponses.

Citation:

Et IE confond l'attribut name avec id, c'est pourquoi ça marche.

J'avais pas fait attention...

Citation:

De plus, comme déjà dit ailleurs, écrire x fois une fonction qui fait la même chose à un paramètre près...

Je conviens que mon code est super dégueu (et pour le colspan à la place du rowspan, une erreur), mais j'ai tenté de factoriser le code et ça va pas, donc il y a encore une erreur dans mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 <script> function aff_img(url_img) { document.getElementById("image").src="url_img"; return false; } </script> ... <a href="#" onmouseover="aff_img(\" verin.jpg\" )" onmouseout="aff_img(\"img_vide.jpg\")">Vérin</a> ... <img id="image" src="img_vide.jpg" width="200">

24/10/2012, 11h02
Bovino

Code:

document.getElementById("image").src="url_img";

:no:

Essaye de comprendre la différence entre la variable url_img et la chaine "url_img"... :roll:

OK, on voit bien que je fais rarement du js :
Code:

1 2 3 function aff_img(url_img) { document.getElementById("image").src=url_img; return false; }
mais il est toujours pas content avec
Code:

1 2 3 <a href="#" onmouseover="aff_img(\"verin.jpg\")" onmouseout="aff_img(\"img_vide.jpg\")">

24/10/2012, 11h45
andry.aime

Code:

<a href="#" onmouseover="aff_img('./verin.jpg')" onmouseout="aff_img('./img_vide.jpg')">

et vire le return false dans la fonction.

Citation:

Envoyé par javatwister

et même, dans le meilleur des monde, un return false ne serait pas de trop quand tu appelles un script sur lien...

Si seulement il appelle la fonction dans un événement click.

A+.
24/10/2012, 11h58
laurentSc

Je comprends pas le ./ et quand je survole, ça affiche une croix rouge...
24/10/2012, 12h07
andry.aime

Citation:

Envoyé par laurentSc

Je comprends pas le ./ et quand je survole, ça affiche une croix rouge...

./ ça veut dire que le chemin fait référence du répertoire actuel. S'il met un croix rouge, c'est qu'il n'arrive pas à trouver l'image ou charger l'image.
Je te conseille de revoir les bases de programmation web (html, javasctipt, ...) et ce que tu utilises d'autre.

A+.
24/10/2012, 12h48
laurentSc
Pour la croix rouge, en l'occurence, pas la peine de réviser, car c'était juste une erreur de copier-coller : il manquait le / !! Par contre, si ça marche bien pour les chemins relatifs, ça ne marche pas pour le chemin absolu :
Code:

1 2 3 4 5 <a href="#" onmouseover="aff_img(' http://www.groupe-reval-sav.com/photopiece/batterie.jpg')" onmouseout="aff_img('./img_vide.jpg')">Batteries</a>
J'ai viré le ./ quand il y a un chemin absolu, mais ça ne l'affiche pas quand même...
24/10/2012, 13h05
andry.aime

Citation:

Envoyé par andry.aime

S'il met un croix rouge, c'est qu'il n'arrive pas à trouver l'image ou charger l'image.

Essaie de passer l'url absolue http://www.groupe-reval-sav.com/photopiece/batterie.jpg sur la barre d'adresse :mouarf:.
24/10/2012, 14h32
laurentSc

OK, je me suis fait avoir car je développe ce script pour quelqu'un d'autre et que si hier cette URL était encore bonne, aujourd'hui elle ne l'est plus ! J'ai remplacé dans le code par une image à moi et ça marche !