Discussion :

[justberare]

Bonjour,

Je suis un débutant en javascript et j'ai du m'y mettre afin de pouvoir utiliser jquery.

Voici mon problème :

J'ai une série d'image dont l'id est la variable e.

mon premier objectif était de masquer chaque image au passage de la souris pour afficher une div dont l'id est la variable d (la variable e est égale à la variable d avec img en plus à la fin). Le code suivant me permet d'y arriver.

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
 
<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
e = d + "img";
document.getElementById(e).style.display = "block";
 
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
e = d + "img";
document.getElementById(e).style.display = "none";
 
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") {
document.getElementById(d).style.display = "block";
e = d + "img";
 
document.getElementById(e).style.display = "none";
 }
else { document.getElementById(d).style.display = "none";
e = d + "img";
document.getElementById(e).style.display = "block";
}
}
</script>

Ensuite, en utilisant jquery (que j'appelle plus haut dans mon code) j'essaie de faire en sorte que l'image fade out quand la souris est dessus et fadein quand la souris ressort.

Je n'arrive même pas à faire la partie fadeout avec le code suivant, et je souhaitais savoir si quelqu'un pouvait m'indiquer où mon erreur se trouve.

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
 
<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
e = d + "img";
document.getElementById(e).style.display = "block";
 
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
e = d + "img";
 
 $('img.',e).fadeOut(200);
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") {
document.getElementById(d).style.display = "block";
e = d + "img";
 
 $('img.',e).fadeOut(200);
 }
else { document.getElementById(d).style.display = "none";
e = d + "img";
document.getElementById(e).style.display = "block";
}
}
</script>

Merci beaucoup,

E

[no-pseudo]

ça dépend de ce que renvoie d

Code :

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

1
2
3
4
5
6
7
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
e = d + "img";
 
 $('img.',e).fadeOut(200);
}

...essaies comme ça au hasard :

Code :

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

$(e).fadeOut(200);

sinon ajoutes une alert pour voir ce que renvoie d :

Code :

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

1
2
3
4
5
6
7
8
function ShowContent(d) {
alert(d);
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
e = d + "img";
 
 $('img.',e).fadeOut(200);
}