Discussion :

[BabaProg]

Bonjour je fais un site pour les tpe et j'ai un problème je crois qu'il y a eu une mise à jour du js et j'ai un problème mon js ne marche plus !

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
var area1 = document.getElementById("area1");
var fleche1 = document.getElementById("fleche1");
var bulle1 = document.getElementById("bulle1");
var ha1 = document.getElementById("ha1");
 
var area2 = document.getElementById("area2");
var fleche2 = document.getElementById("fleche2'");
var bulle2 = document.getElementById("bulle2");
var ha2 = document.getElementById("ha2");
 
var fleche1.style.visibility = 'hidden';
var bulle1.style.visibility = 'hidden';
var ha1.style.visibility = 'hidden';
 
var fleche2.style.visibility = 'hidden';
var bulle2.style.visibility = 'hidden';
var ha2.style.visibility = 'hidden';
 
area1.addEventListener("mouseover", function () {
 
    fleche1.style.visibility = "visible";
    bulle1.style.visibility = "visible";
    ha1.style.visibility = "visible";
 
});
 
area1.addEventListener("mouseout", function () {
 
    fleche1.style.visibility = "hidden";
    bulle1.style.visibility = "hidden";
    ha1.style.visibility = "hidden";
 
});
 
 
area2.addEventListener("mouseover", function () {
 
    fleche2.style.visibility = "visible";
    bulle2.style.visibility = "visible";
    ha2.style.visibility = "visible";
 
});
 
area2.addEventListener("mouseout", function () {
 
    fleche2.style.visibility = "hidden";
    bulle2.style.visibility = "hidden";
    ha2.style.visibility = "hidden";
 
});

et la console avec Bracket

ESLint (1)
ESLint arrêté avec l’erreur suivante : timeout
JSLint (4)
12
Expected ';' and instead saw '.'. var fleche1.style.visibility = 'hidden';
12
Expected '.' at column 1, not column 12. var fleche1.style.visibility = 'hidden';
12
Expected an identifier and instead saw '.'. var fleche1.style.visibility = 'hidden';
12
Stopping. (23% scanned). var fleche1.style.visibility = 'hidden';

[Archimède]

Bonjour,

Tu as déjà défini tes variables js... donc ;

Code javascript :

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

1
2
3
 var fleche1.style.visibility = 'hidden';
 var bulle1.style.visibility = 'hidden';
 var ha1.style.visibility = 'hidden';

c'est faux

Ici tu définis les propriétés CSS de tes objets en les déclarant comme des variables. Il y a forcément un problème...

Code javascript :

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

1
2
3
4
5
  fleche1.style.visibility = 'hidden';
  bulle1.style.visibility = 'hidden';
  ha1.style.visibility = 'hidden';
 
//etc...

Mieux vaut faire tes déclarations CSS en dehors du code JS...

[Invité]

Bonjour,

1- Ajoute en début de script JS :

Code :

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

"use strict";

Ca affichera toutes les erreurs.

2- Regarde les erreurs dans la console, et corrige-les.

[BabaProg]

je le mais ou le " use strict" ???

[Invité]

DTC. *

Il me semble l'avoir dit :

en début de script JS

*Dans Ton Code

[BabaProg]

oui mais mon js ait dan un doucment à part (il n'ait pas dans le html) donc en gros ça donne sa ?

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
 
 
 "use strict";
 
var area1 = document.getElementById("area1");
var fleche1 = document.getElementById("fleche1");
var bulle1 = document.getElementById("bulle1");
var ha1 = document.getElementById("ha1");
 
var area2 = document.getElementById("area2");
var fleche2 = document.getElementById("fleche2'");
var bulle2 = document.getElementById("bulle2");
var ha2 = document.getElementById("ha2");
 
var fleche1.style.visibility = 'hidden';
var bulle1.style.visibility = 'hidden';
var ha1.style.visibility = 'hidden';
 
var fleche2.style.visibility = 'hidden';
var bulle2.style.visibility = 'hidden';
var ha2.style.visibility = 'hidden';
 
area1.addEventListener("mouseover", function () {
 
    fleche1.style.visibility = "visible";
    bulle1.style.visibility = "visible";
    ha1.style.visibility = "visible";
 
});
 
area1.addEventListener("mouseout", function () {
 
    fleche1.style.visibility = "hidden";
    bulle1.style.visibility = "hidden";
    ha1.style.visibility = "hidden";
 
});
 
 
area2.addEventListener("mouseover", function () {
 
    fleche2.style.visibility = "visible";
    bulle2.style.visibility = "visible";
    ha2.style.visibility = "visible";
 
});
 
area2.addEventListener("mouseout", function () {
 
    fleche2.style.visibility = "hidden";
    bulle2.style.visibility = "hidden";
    ha2.style.visibility = "hidden";
 
});