clic affichage /pas affichage

**qmulonainbus** · 22/09/2006, 12h41

De quel div tu parles ? Si c'est celui de FLVplayer, c'est déjà le cas, non ?

non, le flv player disparait quand la souris sort de la zone du div :s
j'aimerais que ce soit lorsque l'on clique hors de ce div(FLVplayer)

Code :

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

-opacité qui perd la boule du moment que l'on clique sur le bouton Aucun problème

après purge du cache FFox, cela fonctionne bien

donc aucun pb

-besoin de 2 clics sur le bouton pour réafficher la vidéo Aucun problème

cela me laisse perplexe, qu'entends tu par aucun pb? car cela persiste

**Kerod** · 22/09/2006, 12h43

Envoyé par Kerod

Tout simplement à cause d'un mauvais test dans ta fonction

Code :

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

1
2
3
4
5
6
<script language="javascript">
function showDiv(){
 
  document.getElementById('monid').style.display = (document.getElementById('monid').style.display == 'none')?"block":"none";
}
</script>

j'ai pourtant dit que ca vient de la fonction mais bon on me croit pas

**qmulonainbus** · 22/09/2006, 12h50

moi je veux bien te croire,

as-tu une solution de remplacement?

**Kerod** · 22/09/2006, 13h28

Si tu parles du code de remplacement de la fonction je te l'ai déjà donné 2 fois

**qmulonainbus** · 22/09/2006, 13h53

dans l'empressement je n'avais pas fait attention à la fin de ton code

merci

bon pour un nouveau pb : il faut 2 clic pour lancer la toute première fois la vidéo. après non..

**qmulonainbus** · 23/09/2006, 00h29

je rencontre un problème :
je voudrais avoir 2 boutons, qui chacun lanceront le div video associé.
Jusqu'à la théorie ça va, mais la pratique non :
j'ai créer les div nécessaires ( 2div boutons et 2div videos), mais lorsque je veux faire de même avec le code javascript (id différent bien sur), j'ai le problème suivant: seul le dernier code est actif, c'est à dire que je clique sur l'ancien bouton ou le nouveau, [apparement le navigateur (FFox) considère cela comme un seul bouton à 2 endroits] la div video n°2 se lance....

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
<style>
.FLVplayer 
  {
  width: 384px;
  height: 288px;
  display: none;
  text-align: center;
  border: 0px red;
  text-decoration: none;
  position:absolute;
  top:150px;
  left:200px;
  margin:0px 0px;
  z-index: 89;
 }
 
 .FLV2 
  {
  width: 384px;
  height: 288px;
  display: none;
  text-align: center;
  border: 0px red;
  text-decoration: none;
  position:absolute;
  top:150px;
  left:200px;
  margin:0px 0px;
  z-index: 89;
 }
 
.espoir
  {
  display:bloc;
  position:absolute;
  background-image: url(B/01/th001.jpg);
  background-repeat: no-repeat;
  top:256px;
  left:815px;
  width: 170px;
  height: 38px;
  border:1px; 
  padding: 0;
  z-index:89;
  color:white;
  opacity:0.1; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1
 
   }
  .anim
  {
  display:bloc;
  position:absolute;
  background-image: url(B/01/th002.jpg);
  background-repeat: no-repeat;
  top:296px;
  left:505px;
  width: 170px;
  height: 38px;
  border:1px; 
  padding: 0;
  z-index:89;
  color:white;
  opacity:0.1; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1
 
   }
</style>

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
68
69
70
71
<div class="espoir" id="opa" onclick="showDiv();" onmouseover="opac()" onmouseout="opac()">
</div>
 
<div class="anim" id="T2" onclick="showDiv();" onmouseover="opac()" onmouseout="opac()">
</div>
 
 
<div class="FLVplayer" id="monid">
<object type="application/x-shockwave-flash" width="384" height="288" 
     wmode="transparent" data="flvplayer.swf?file=D/03/jflerouxphotoM.FLV&autostart=false&clicktext=Making-off  ( clic to play )">
	<param name="movie" value="flvplayer.swf?file=D/03/jflerouxphotoM.FLV&autostart=false&clicktext=Making-off  ( clic to play )" />
	<param name="wmode" value="transparent" />
</object>
Photo-montage <br>"Am&eacute;lioration d'un lieu".
</div>
 
<div class="FLV2" id="m2">
<object type="application/x-shockwave-flash" width="384" height="288" 
     wmode="transparent" data="flvplayer.swf?file=D/03/jflerouxphotoM2.FLV&autostart=false&clicktext=Making-off  ( clic to play )">
	<param name="movie" value="flvplayer.swf?file=D/03/jflerouxphotoM2.FLV&autostart=false&clicktext=Making-off  ( clic to play )" />
	<param name="wmode" value="transparent" />
</object>
Photo-montage <br>"Am&eacute;lioration d'un lieu".hierhvihzveizreef
</div>
 
 
<script language="javascript">
function showDiv(){
 
  document.getElementById('monid').style.display = (document.getElementById('monid').style.display == 'none')?"block":"none";
 
 
  }
 
function opac(){
   if(document.getElementById("opa").style.filter == "alpha(opacity=100)"){
      document.getElementById("opa").style.filter = "alpha(opacity=10)";
      document.getElementById("opa").style.MozOpacity = "0.1";
      document.getElementById("opa").style.KhtmlOpacity = "0.1";
   }
   else{
      document.getElementById("opa").style.filter = "alpha(opacity=100)";
      document.getElementById("opa").style.MozOpacity = "1";
      document.getElementById("opa").style.KhtmlOpacity = "1";
   }
 
 
}
 
function showDiv(){
 
  document.getElementById('m2').style.display = (document.getElementById('m2').style.display == 'none')?"block":"none";
 
 
  }
 
function opac(){
   if(document.getElementById("T2").style.filter == "alpha(opacity=100)"){
      document.getElementById("T2").style.filter = "alpha(opacity=10)";
      document.getElementById("T2").style.MozOpacity = "0.1";
      document.getElementById("T2").style.KhtmlOpacity = "0.1";
   }
   else{
      document.getElementById("T2").style.filter = "alpha(opacity=100)";
      document.getElementById("T2").style.MozOpacity = "1";
      document.getElementById("T2").style.KhtmlOpacity = "1";
   }
 
 
}
</script>

à l'aide

s'il vous plait
c'est surement un bête truc que j'ai pas capté
toute hypothèses, idée ou solutions est la bienvenue...please

**qmulonainbus** · 23/09/2006, 17h11

je me noie là...je comprends plus

**qmulonainbus** · 25/09/2006, 11h48

il y a quelqu'un?

help

**qmulonainbus** · 26/09/2006, 18h18

bon apparement je demande la lune....

**Kerod** · 26/09/2006, 19h58

Ton réel problème est que tu as deux fois la meme fonction défini donc ......

**qmulonainbus** · 26/09/2006, 22h58

merci pour ton éclairage
donc la solution serait de renommer une des 2 function showDiv(){
en par exemple function showDiv2(){
?
je débute je suis désolé si ça vous parait évident, moi pas ... :s

**Kerod** · 26/09/2006, 23h32

ou faire une seule fonction prennant comme parametre un id et l'appel se ferait avec l'id souhaité. Un peu comme ceci :

Code :

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

1
2
3
4
5
6
function showDiv(lid){
 
  document.getElementById(lid).style.display = (document.getElementById('lid').style.display == 'none')?"block":"none";
 
 
  }

et l'appel par exemple :

Code :

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

onclick="showDiv('monid');"

clic affichage /pas affichage

JavaScript

Discussions similaires

Partager

Partager