Discussion :

[laurentSc]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[andry.aime]

Houlà,

document.getElementById("img")

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

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

A+.

[Bovino]

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

[javatwister]

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

[laurentSc]

Merci pour les réponses.

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

J'avais pas fait attention...

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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&eacute;rin</a>
...
<img id="image" src="img_vide.jpg" width="200">

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[laurentSc]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function aff_img(url_img) {
document.getElementById("image").src=url_img;
return false; }

mais il est toujours pas content avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[andry.aime]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et vire le return false dans la fonction.

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+.

[laurentSc]

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

[andry.aime]

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+.

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[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 .

[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 !