PDA

Volledige versie bekijken : z-index flash niet klikbaar

StevenW
%Europe/Berlin %594 %2007, 14:16
Ik probeer met css z-index een forum achter een flash inlogscherm te plaatsen. Later wil ik met javascript de z-index veranderen zodat men kan switchen tussen flash en het forum. Want het flash inlogscherm wordt na het inloggen vervangen met een groter scherm dat de hele pagina zal bedekken. Ik deed het volgende:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>demo_GG</title>
<script type="text/javascript">
function switcher(){
//script om te switchen.
}
</script>
</head>
<body bgcolor="#000000" style="margin:0px;">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<iframe src="http://www.alliantiebabylon.nl/gedeeld/index.php" style="border:0px;position:absolute; top:100px; width:100%; height:100%" scrolling="no"></iframe>

<div style="position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="demo_GG" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="demo_GG.swf" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="scale" value="noscale" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#000000" /><embed src="demo_GG.swf" menu="false" quality="best" scale="noscale" wmode="transparent" bgcolor="#000000" width="100%" height="100%" name="demo_GG" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

</body>
</html>



En hier is het resultaat:
Link naar voorbeeld (http://www.pro-flash.com/demo_GG.html)

Het probleem is dat de window niet "klikbaar" is en ook niet kan verschuiven.
Rogier!
%Europe/Berlin %598 %2007, 14:21
In IE werkt alles perfect hoor, in Opera ook.. welke browser gebruik jij??
StevenW
%Europe/Berlin %629 %2007, 15:06
Mozilla Firefox 2..
Rogier!
%Europe/Berlin %664 %2007, 15:56
Het licht idd aan de browser, er zijn wel vaker datsoort dingen in FF. In FF doet hij het bij mij ook niet goed, en ik weet helaas ook niet hoe ik dit kan verhelpen. Waar je e.v.t. wel nog naar kan kijken is of er codes in staan die elkaar tegenwerken. Meer weet ik er helaas ook niet van, misschien de code opnieuw maken?? ;)
mknol
%Europe/Berlin %676 %2007, 16:13
probeer eens: position:relative;
StevenW
%Europe/Berlin %699 %2007, 16:47
werkt ook niet. :S Beide relative of één relative.. het werkt niet. Heeft niemand hier een oplossing voor?
StevenW
%Europe/Berlin %744 %2007, 17:51
Dit werkt ook al niet:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>demo_GG</title>
<script type="text/javascript">
function switcher(){

//alert("test");
}
</script>
</head>
<body bgcolor="#000000" style="margin:0px;">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->


<object style="position:relative; top:0px; left:0px; width:100%; height:100%; z-index:2" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="demo_GG" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="demo_GG.swf" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="scale" value="noscale" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#000000" /><embed src="demo_GG.swf" menu="false" quality="best" scale="noscale" wmode="transparent" bgcolor="#000000" width="100%" height="100%" name="demo_GG" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

<iframe src="http://www.alliantiebabylon.nl/gedeeld/index.php" style="border:0px;width:100%; height:100%; position:absolute; left:0px; top:0px;" scrolling="yes"></iframe>
</body>
</html>


Het komt waarschijnlijk door die iframe. Want op een gewone html pagina doet ie het wel.
De rollOver van de button "login" blijft ook niet hangen maar knipper omdat ie gelijk overspringt naar rollOut.
X-Sebas
%Europe/Berlin %635 %2007, 15:15
Dat probleem heb ik ook eerder gehad, je kunt niks aan doen:

check: www.agendagids.nl en bekijk deze onder 2 browsers.
StevenW
%Europe/Berlin %764 %2007, 18:20
ik zie het niet..
Lorrens
%Europe/Berlin %948 %2007, 22:45
Waarom zet je in de style van de iframe dan niet : z-index: 1;
en in de style van de flashmovie zet je z-index: 2;
En misschien kan je ook deze style in je embed tag zetten, volgens mij moet die het wel pakken

(maar kan je niet beter SWFObject gebruiken voor flash op je website?