clic affichage /pas affichage

**qmulonainbus** · 21/09/2006, 12h10

Bonjour à tous!
J'ai une image qui jouera le role de bouton d'un côté, et de l'autre un div contenant un lecteur flash.
J'aimerais que lorsque je clique sur le bouton le div apparaisse
et lorsque je clique sur le div, que celui-ci ne disparaisse pas
c'est faisable en css?
j'ai un peu honte de ma question, mais je me suis réveillé avec la moitié de mes neurones :s

j'en suis à :

css

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
.FLVplayer 
  {
  width: 384px;
  height: 288px;
  display: block;
  text-align: center;
  border: 0px red;
  text-decoration: none;
  position:absolute;
  top:0px;
  left:0px;
  margin:0px 0px;
  z-index: 45;
 } 
 
 
.video
  {
  background-image: url(th007.jpg);
  position:absolute;
  background-repeat: no-repeat;
  top:8px;
  left:46px;
  width: 38px;
  height: 38px;
  padding: 0;
  z-index:60;
  }

html

Code :

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

1
2
3
4
5
6
7
8
9
10
<div class="video">
</div>
 
<div class="FLVplayer">
<object type="application/x-shockwave-flash" width="384" height="288" 
     wmode="transparent" data="flvplayer.swf?file=jfleroux_alice.FLV">
	<param name="movie" value="flvplayer.swf?file=jfleroux_alice.FLV" />
	<param name="wmode" value="transparent" />
</object>
</div>

un petit coup de main serait la bienvenue (un coup de poing moins

)

**Bisûnûrs** · 21/09/2006, 12h15

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.FLVplayer 
  {
  width: 384px;
  height: 288px;
  display: none;
  text-align: center;
  border: 0px red;
  text-decoration: none;
  position:absolute;
  top:0px;
  left:0px;
  margin:0px 0px;
  z-index: 45;
 }

Code :

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

1
2
3
4
5
6
7
8
9
10
<div class="video" onclick="showDiv();">
</div>

<div class="FLVplayer" id="monid">
<object type="application/x-shockwave-flash" width="384" height="288" 
     wmode="transparent" data="flvplayer.swf?file=jfleroux_alice.FLV">
	<param name="movie" value="flvplayer.swf?file=jfleroux_alice.FLV" />
	<param name="wmode" value="transparent" />
</object>
</div>

Code :

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

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

**qmulonainbus** · 21/09/2006, 15h15

yaoutch !!
super merci

ça fonctionne très bien!

t'aurais pas une astuce pour faire encore mieux, c'est à dire lorsque tu cliques hors-div ça fasse disparaitre la div? (je suis nul en javascript, dsl )
ou alors quelque chose dans le genre qui me permette de la retirer

pleease

s'il vous plait ...
toutes propositions, idées, est la bienvenue
help

**Kerod** · 21/09/2006, 19h01

Hummm. à tester : tu mets dans le body un onclick qui appel une fonction qui testera si ton élément est visible et si c'est le cas le fera disparaitre

**qmulonainbus** · 21/09/2006, 19h04

merci pour ta proposition

(je suis nul en javascript, dsl )

pourrais-tu m'en dire plus quand à la démarche à suivre (un ptit bout de code par exemple^^)
ps: je joue par au tire au flanc, hein!

**Kerod** · 21/09/2006, 19h18

ben tu l'as déjà plus haut c'est la même chose sauf qu'il faut le mettre aussi dans le <body>

Mais moi je remplacerai ceci :

Code :

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

document.getElementById('monid').style.display = "block";

par ceci :

Code :

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

document.getElementById('monid').style.display = (document.getElementById('monid').style.display == '')?"block":"";

Et que pour le body je ferai juste le test et qui cache avec ceci :

Code :

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

if(document.getElementById('monid').style.display == 'block') document.getElementById('monid').style.display = '';

clic affichage /pas affichage

JavaScript

Vue hybride

Discussions similaires

Partager

Partager