Avatar billede d.kryger Praktikant
20. juni 2006 - 23:15 Der er 15 kommentarer og
1 løsning

Drop-down menu og flash

Hej eksperter.

Jeg er ved at lave en side hvor jeg skal have en drop-down menu, hvilket heller ikke er noget problem, men lige under drop-down menuen har jeg en flash "film" kørende, og når den er sat ind kommer den "foran" drop-down menuen. Se evt. http://www.kryger.name/test.html

Hvad kan jeg gøre ved det?

Jeg ved ikke om det er det helt rigtig sted jeg har oprettet dette spørgsmål, men jeg håber at nogle kan hjælpe alligevel.
Avatar billede thesurfer Nybegynder
21. juni 2006 - 00:45 #1
Så vidt jeg ved, har Flash objektet højere z-index, hvilket betyder at de altid vil være foran almindeligt HTML kode.

En løsning kunne være, at skjule Flash objektet, f.eks. ved at putte den i en div ellet andet..
Avatar billede thesurfer Nybegynder
21. juni 2006 - 00:49 #2
Eksempel (jeg har tilføjet 'document.getElementById("flashobj").style.display="none";'):

function dropdownmenu(obj, e, menucontents, menuwidth){
document.getElementById("flashobj").style.display="none";
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}


Eksempel (jeg har tilføjet *document.getElementById("flashobj").style.display="";'):

function delayhidemenu(){
document.getElementById("flashobj").style.display="";
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}


Lav en backup af din HTML fil, inden du erstatter/tilføjer den nye kode.
Avatar billede thesurfer Nybegynder
21. juni 2006 - 00:50 #3
..og så har jeg tilføjet en div, uden om Flash kode:

<div id="flashobj"
flash kode her
</div>
Avatar billede thesurfer Nybegynder
21. juni 2006 - 00:51 #4
Rettelse:
..og så har jeg tilføjet en div, uden om Flash kode:

                            <div id="flashobj" style="z-index:-100000">
              <!-- URL's used in the movie-->
              <!-- text used in the movie-->
              <!--Udstillingshuse - kig ind >>-->
              <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="405" HEIGHT="285" id="forside" ALIGN="">
                <PARAM NAME="movie" VALUE="forside.swf">
                <PARAM NAME="menu" VALUE="false">
                <PARAM NAME="quality" VALUE="high">
                <PARAM NAME="bgcolor" VALUE="#FFFFFF">
                <EMBED src="forside.swf" menu="false" quality="high" bgcolor="#FFFFFF" WIDTH="405" HEIGHT="285" NAME="forside" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
              </OBJECT>
                </div>
Avatar billede thesurfer Nybegynder
21. juni 2006 - 00:52 #5
Det skal lige siges, at 'style="z-index:-100000"' er en test der ikke virkede..
Man skal derfor skjule Flash objektet.. så du kan bare fjerne 'style="z-index:-100000"'..
Avatar billede d.kryger Praktikant
21. juni 2006 - 10:28 #6
Jeg har prøvet at ligge det ind, men når drop-downmenuen kommer ned, så forsvinder flash'en...

Kan du evt. sende hele koden, som den skal se ud?
Avatar billede d.kryger Praktikant
21. juni 2006 - 12:45 #7
Er det nogen som kan/vil hjælpe?
Avatar billede thesurfer Nybegynder
21. juni 2006 - 16:00 #8
Det var netop meningen, at Flash'en skal forsvinde, når menuen kommer frem. Flash'en bliver vist igen, når menuen forsvinder.

Som jeg skrev i 21/06-2006 00:45:27:
"Så vidt jeg ved, har Flash objektet højere z-index, hvilket betyder at de altid vil være foran almindeligt HTML kode.

En løsning kunne være, at skjule Flash objektet, f.eks. ved at putte den i en div ellet andet.."
Avatar billede d.kryger Praktikant
21. juni 2006 - 16:10 #9
Kan man ikke stadig have flash'en kørende og så få menuen til at virke?
Avatar billede thesurfer Nybegynder
21. juni 2006 - 16:25 #10
Objekter som Flash er et højere z-index, end andet HTML.

Jo højere index, jo "tættere" på dig/brugeren, jo mere "foran de andre ting"..

Forstår du?
Avatar billede thesurfer Nybegynder
21. juni 2006 - 16:34 #11
Se her: http://www.html.net/tutorials/CSS/lesson15.asp

Ruder Es svarer til dit Flash objekt.. Flash objektet har højere z-index = foran..
Avatar billede thesurfer Nybegynder
21. juni 2006 - 16:39 #12
Hmm... I nyere browser kan man nøjes med at tilføje:

<param name="wmode" value="opaque" />

Eksempel:

              <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="405" HEIGHT="285" id="forside" ALIGN="">
                <PARAM NAME="movie" VALUE="forside.swf">
                <PARAM NAME="menu" VALUE="false">
                <PARAM NAME="quality" VALUE="high">
                    <param name="wmode" value="opaque" />
                <PARAM NAME="bgcolor" VALUE="#FFFFFF">
                <EMBED src="forside.swf" menu="false" quality="high" bgcolor="#FFFFFF" WIDTH="405" HEIGHT="285" NAME="forside" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
              </OBJECT>

Det virker fint i Internet Explorer, men ikke i Opera eller Mozilla FireFox..

Kilde: http://heathersolomon.com/blog/archive/2005/07/25/1208.aspx
Avatar billede thesurfer Nybegynder
21. juni 2006 - 16:45 #13
Forklaring: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
Instruktioner "How to make a Flash movie with a transparent background": http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Avatar billede d.kryger Praktikant
21. juni 2006 - 19:32 #14
OK, tak for oplysningerne. Læg et svar og du vil få point!
Avatar billede thesurfer Nybegynder
23. juni 2006 - 01:34 #15
Så lægger jeg et svar.
Avatar billede thesurfer Nybegynder
23. juni 2006 - 01:35 #16
Doh! :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester