onclick annule onmouseout

**pito2901** · 22/09/2013, 17h32

Et bien si vous ne voyez pas de travail, il faut vous achetez des lunettes, et je sais très bien que vous ne voulez pas faire nos exercices, or ce n'est absolument pas ce que je demande.

**NoSmoking** · 22/09/2013, 18h40

il faut vous achetez des lunettes

non merci je suis déjà équipé

Si je me suis permis ces remarques, c'est qu'à l'observation des codes du 17/09/2013, 21h21 et celui du 22/09/2013, 11h31 je n'ai constaté AUCUNE différence, même pas un espace en plus ou en moins.

Adapter le code que j'ai fourni aux besoins aurait, au moins été une preuve de bonne volonté et peut être même que la solution serait apparue à l'aide de l'indice.

Envoyé par pito2901

je sais très bien que vous ne voulez pas faire nos exercices, or ce n'est absolument pas ce que je demande.

il me semblait avoir lu

Envoyé par pito2901

et pour l'amour du ciel, pouvez vous appliquer votre code sur le mien, s'il vous plaît.

mes trois foyers ne suffisent-ils pas ?

**pito2901** · 22/09/2013, 19h13

Oui bon vous voulez aider mais pas faire un chouia...

**NoSmoking** · 22/09/2013, 21h28

...vous voulez aider mais pas faire un chouia...

et en plus tu as un sens de l'humour super aiguisé

**pito2901** · 23/09/2013, 17h55

Bon souhaitez-vous encore m'aider, il n'y a que ça qui fonctionne, je n'arrive pas à appliquer votre queryselectorall ou autre instructions...

Code html :

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>onclick,onmouseover et onmouse out</title>
<style>
#vsurvol1,
#vsurvol2{
  height:18px;
  width:900px;
  border:1px solid black;
  border-radius:5px;
  overflow:hidden;
}
#vsurvol1 h1,
#vsurvol2 h1{
  margin:0px;
  line-height:18px;
  font-size:16px;
}
#vsurvol1 #bouton_lecture1,
#vsurvol2 #bouton_lecture2{
  margin:auto;
  position:relative;
}
</style>
</head>
 
<body>
<div id="vsurvol1">
<h1>&nbsp;Changer le volume d'une chanson et l'exporter en mp3</h1>
<iframe id="video1" frameborder="0" height="506" src="http://www.youtube.com/embed/1cefBcHaz_U" width="900px"></iframe>
<img id="bouton_lecture1" src="https://12a14af8-a-62cb3a1a-s-sites.googlegroups.com/site/resolutionrubikscube3x3x3/boutonlecture.png"></img>
</div>
<br />
<div id="vsurvol2">
<h1>&nbsp;Exemple</h1>
<iframe id="video2" frameborder="0" height="506" src="http://www.youtube.com/embed/RFHEA54RXTI" width="900px"></iframe>
<img id="bouton_lecture2" src="https://12a14af8-a-62cb3a1a-s-sites.googlegroups.com/site/resolutionrubikscube3x3x3/boutonlecture.png"></img>
</div>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
// Voir code JS
</script>
</body>
</html>

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
var Div1 = document.getElementById('vsurvol1');
var Video1 = document.getElementById('video1');
var BTL1 = document.getElementById('bouton_lecture1');
 
Div1.style.cssText           =           'transition:height 1s;-moz-transition:height 1s;-webkit-transition:height 1s;-o-transition:height 1s;';
Video1.style.display         =           '';
BTL1.style.display           =           '';
 
BTL1.onclick = function(){
  BTL1.flag = true;
  BTL1.style.visibility='hidden';
};
Div1.onmouseover = function(){
  this.style.height         =   '524px';
 
  BTL1.style.height          =   '506px';
  BTL1.style.width           =   '900px';
  BTL1.style.bottom          =   '505px';
  BTL1.style.left            =   '0px';
  BTL1.style.cursor          =   'pointer';
};
Div1.onmouseout = function(){
  if( !BTL1.flag){
  this.style.height         =   '18px';
  }
};
var Div2 = document.getElementById('vsurvol2');
var Video2 = document.getElementById('video2');
var BTL2 = document.getElementById('bouton_lecture2');
 
Div2.style.cssText           =           'transition:height 1s;-moz-transition:height 1s;-webkit-transition:height 1s;-o-transition:height 1s;';
Video2.style.display         =           '';
BTL2.style.display           =           '';
 
BTL2.onclick = function(){
  BTL2.flag = true;
  BTL2.style.visibility='hidden';
};
Div2.onmouseover = function(){
  this.style.height         =   '524px';
 
  BTL2.style.height          =   '506px';
  BTL2.style.width           =   '900px';
  BTL2.style.bottom          =   '505px';
  BTL2.style.left            =   '0px';
  BTL2.style.cursor          =   'pointer';
};
Div2.onmouseout = function(){
  if( !BTL2.flag){
  this.style.height         =   '18px';
  }
};

Je vous remercie d'avance.

onclick annule onmouseout

JavaScript

Discussions similaires

Partager

Partager