clic affichage /pas affichage

Citation:

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:

-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

Citation:

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

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

Citation:
Envoyé par Kerod
Tout simplement à cause d'un mauvais test dans ta fonction :?
Code:

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

moi je veux bien te croire,

as-tu une solution de remplacement?

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

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

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

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:

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:

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

je me noie là...je comprends plus

il y a quelqu'un?

help

bon apparement je demande la lune....

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

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

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

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:

onclick="showDiv('monid');"