[HTML] Une DIV au dessus d’une animation flash

Version imprimable

01/03/2007, 17h24
fadex

[HTML] Une DIV au dessus d’une animation flash

Bonjour

comment faire survoler une DIV au dessus d’une animation flash :yaisse2:

merci d'avance
02/03/2007, 08h45
haltabush

UP!
Ca m'intéresse aussi! Seulement, je crois que c'est pas possible :aie:
05/03/2007, 09h45
fadex

y a pas de solution quoi
05/03/2007, 09h58
melonmaudic

Peut-être par du xhtml, mais j'en sais rien ;-)
06/03/2007, 14h08
fadex

j'ai trouver une solution
:yaisse2:
exemple

Ajouter la propriété "wmode=transparent" au SWF.
06/03/2007, 15h15
haltabush

Ben avec ça, tu as un fond de Flash transparent, mais le Flash en lui-même reste au dessus, non? Tant que ton div survole du vide, tout va bien, mais sinon...

edit : ! Autant pour moi :D
Faut que je regarde ça en détail!
06/03/2007, 15h19
fadex

mais non voir l'exemple
30/04/2007, 16h01
Garra

Apparement ça ne marche pas sur Firefox, quoi faire????

non ca marche nikel sof sur le p#]{@{^ d'IE :evilred:

voila mon code (trouver une anim flash pour tester avec le code :yaisse2: )

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
<html>
<head>
<script type="text/javascript">
function affiche(layerid)
{
	elem = document.getElementById(layerid);
 
	if (elem.style.display=="")
	{
		elem.style.display="none";
	}else{ 
		elem.style.display="";
	}
}
</script>
</head>
<body>
sqdfdf
<div id="ee" style="background-color:#0000CC">
<span onclick="affiche('pop')">sd</span>
</div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="570" height="157">
  <param name="movie" value="main570x157_fr.swf" />
  <param name="quality" value="high" />
  <embed src="main570x157_fr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="570" height="157" wmode="transparent"></embed>
</object>
 
<div id="pop" style="left:10px;top:150px;width:100px;height:50px;position:absolute;display:none;z-index:20;background-color:#CCCCCC">
dd
</div>
</body>
</html>

02/05/2007, 14h44
Neroptik

J'ai reussi et ca marche aussi sous IE.
(La partie connection est contenue dans une DIV et est au dessus de mon Anime Flash)
Voir le code de mon site : http://neroptic.free.fr.

J'ai un "wmode" opaque pour mon Anime Flash et je ne me rapelle plus des propriétés de la DIV

SAlut :D
Neroptik;

Ton animation Flash est dans une <table et donc sous la div de ton identifiant c'est pour cela que ça marche je pense

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
 
<table border="0" align="center" width="940px" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2" class="shell">
			<!--[if !IE]> Standard XHTML object instanciation <!-->
 
<object id="flash" type="application/x-shockwave-flash" data="shell.swf" width="939" height="179">
<param name="movie" value="shell.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
 
<h3>Flash Plugin non-détecté</h3>
<br />Liens officiel : <a href="http://www.macromedia.com/go/getflashplayer" target="_blank">FLASH plugin</a>.
</object>
 
<!--><![endif]-->
 
<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="939" height="179">
 
<param name="movie" value="shell.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
 
<h3>Flash Plugin non-détecté</h3>
<br />Liens officiel : <a href="http://www.macromedia.com/go/getflashplayer" target="_blank">FLASH plugin</a>.
 
</object>
 
<![endif]-->
			<div class="login">
				<form name="identification" method="post" action="">
					<input class="connectField" type="text" value="Indentidiant" name="ide" size="16" />
					<input class="connectField" type="password" name="mdp" size="16" />
					<input class="connectField" type="submit" name="Submit" value="Connexion" style="color:#000000" />
				</form>
			</div>
		</td>
 	</tr>
</table>

Pour mon cas j'ai finalement fait autrement mais je garde ta réponse car il me semble important de savoir que dans ce cas là il faut passer par une TABLE et pas par une DIV et utiliser plutot le wmode=opaque .

fadex;
As-tu essayé de placer de liens par exemple dans ton <body? C'est là où FF ne marche plus!!! Sur IE ça marche très bien, c'est FF qui ne marche pas dans le cas que je vous traite ici. Je ne sais pas si je me suis bien expliqué en fait:?

Code marche par tout :

Code:

1
2
3
4
5
6
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="920" height="245" >
  <param name="movie" value="toto.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent">
  <embed src="toto.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="920" height="245" wmode="transparent" ></embed>
</object>

17/04/2008, 17h02
haltabush

Non, pas partout : pas sous Linux (quand est-ce qu'Adobe met son player à jour?)