Java-Menü "rutscht" hinter Flash-Movie

[Robert]

Servus zusammen,

ich hätte eine kurze Frage:
Ich mach gerade eine Homepage für einen Kumpel und dabei benutze ich ein Java-Drop-Down-Menü und auf der Startseite ist ein Flash-Movie.

Nun habe ich das Problem, dass sich das Menü "hinter" dem Flash Movie öffnet ... siehe Screenshot:
http://www.landshut.org/members/RobertE/problem.jpg

Hätte hierzu jemand eine Hilfe für mich???

Vielen Dank im Voraus

Robert

[Christoph Schnauß]

hallo,

dabei benutze ich ein Java-Drop-Down-Menü

Es ist nicht zu entscheiden, ob du tatsächlich ein JAVA-Menü einsetzt (was relativ dumm wäre, es sei denn, du baust sowieso *.jsp-Seiten). Vermutlich hast du irgendwas mit Javascript angestellt. Javascript ist etwas absolut anderes als JAVA.

Nun habe ich das Problem, dass sich das Menü "hinter" dem Flash Movie öffnet

Dann laß das Flash-Dingens weg. Wozu brauchst du das denn?

... siehe Screenshot:

Der völlig nutzlos ist. Um dir irgendwas einigermaßen Hilfreiches mitteilen zu können, mußt du die Adresse der Seite angeben oder irgendwie den Zugang zum verwendeten Code ermöglichen.

Grüße aus Berlin

Christoph S.

[Robert]

Hallo Christoph ....

Danke für deine schnelle antwort.
Sorry wenn ich mit den Fachbegriffen nicht ganz so fit bin ... Homepage gestalten ist nur ein hobby von mir!
Das Flash-Movie muss auf der Seite bleiben, da das sozusagen das "Intro" sein soll und wir hierfür schon sehrviel Zeit aufgebracht haben.

Also ich habe dann ein Javascript menü ... die "menu.js" sieht wie folgt aus:

// -- Names
var itemStylesNames=["Top Item",];
var menuStylesNames=["Top Menu",];
// -- End of Names

//--- Common
var isHorizontal=1;
var smColumns=0;
var smOrientation=0;
var smViewType=0;
var dmRTL=0;
var pressedItem=0;
var itemCursor="default";
var itemTarget="_self";
var statusString="link";
var blankImage="menu.files/blank.gif";
var pathPrefix_img="";
var pathPrefix_link="";

//--- Dimensions
var menuWidth="100%";
var menuHeight="21px";
var smWidth="";
var smHeight="";

//--- Positioning
var absolutePos=0;
var posX="10px";
var posY="10px";
var topDX=0;
var topDY=1;
var DX=-5;
var DY=0;
var subMenuAlign="right";
var subMenuVAlign="bottom";

//--- Font
var fontStyle="normal 11px Trebuchet MS, Tahoma";
var fontColor=["#065EFE","#065EFE"];
var fontDecoration=["none","none"];
var fontColorDisabled="#AAAAAA";

//--- Appearance
var menuBackColor="#FFFFFF";
var menuBackImage="menu.files/menue_hgr.gif";
var menuBackRepeat="repeat";
var menuBorderColor="#B9B9B9";
var menuBorderWidth=0;
var menuBorderStyle="solid";

//--- Item Appearance
var itemBackColor=["#FFFFFF","#A7D7FE"];
var itemBackImage=["",""];
var beforeItemImage=["",""];
var afterItemImage=["",""];
var beforeItemImageW="";
var afterItemImageW="";
var beforeItemImageH="";
var afterItemImageH="";
var itemBorderWidth=0;
var itemBorderColor=["#FCEEB0","#4C99AB"];
var itemBorderStyle=["solid","solid"];
var itemSpacing=1;
var itemPadding="2px 5px 2px 10px";
var itemAlignTop="left";
var itemAlign="left";

//--- Icons
var iconTopWidth=16;
var iconTopHeight=16;
var iconWidth=16;
var iconHeight=16;
var arrowWidth=7;
var arrowHeight=7;
var arrowImageMain=["menu.files/arrv_white.gif",""];
var arrowImageSub=["menu.files/arr_black.gif","menu.files/arr_white.gif"];

//--- Separators
var separatorImage="menu.files/menue_hgr.gif";
var separatorWidth="100%";
var separatorHeight="1px";
var separatorAlignment="center";
var separatorVImage="menu.files/menue_hgr.gif";
var separatorVWidth="1px";
var separatorVHeight="100%";
var separatorPadding="0px";

//--- Floatable Menu
var floatable=0;
var floatIterations=6;
var floatableX=1;
var floatableY=1;

//--- Movable Menu
var movable=0;
var moveWidth=12;
var moveHeight=20;
var moveColor="#DECA9A";
var moveImage="";
var moveCursor="move";
var smMovable=0;
var closeBtnW=15;
var closeBtnH=15;
var closeBtn="";

//--- Transitional Effects & Filters
var transparency="80";
var transition=37;
var transOptions="";
var transDuration=350;
var transDuration2=200;
var shadowLen=3;
var shadowColor="#B1B1B1";
var shadowTop=0;

//--- CSS Support (CSS-based Menu)
var cssStyle=0;
var cssSubmenu="";
var cssItem=["",""];
var cssItemText=["",""];

//--- Advanced
var dmObjectsCheck=0;
var saveNavigationPath=1;
var showByClick=0;
var noWrap=1;
var smShowPause=200;
var smHidePause=1000;
var smSmartScroll=1;
var topSmartScroll=0;
var smHideOnClick=1;
var dm_writeAll=1;
var useIFRAME=0;
var dmSearch=1;

//--- AJAX-like Technology
var dmAJAX=0;
var dmAJAXCount=0;
var ajaxReload=0;

//--- Dynamic Menu
var dynamic=0;

//--- Keystrokes Support
var keystrokes=0;
var dm_focus=1;
var dm_actKey=113;

//--- Sound
var onOverSnd="";
var onClickSnd="";

var itemStyles = [
    ["itemWidth=92px","itemHeight=21px","itemBackImage=menu.files/menue_hgr.gif,menu.files/menue_hgr.gif","fontStyle=bold 11px Tahoma","fontColor=#808080,#065EFE","arrowImageMain=menu.files/arrv_gray_2.gif,menu.files/arrv_blue_2.gif"],
];
var menuStyles = [
    ["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

var menuItems = [

["-","", "", "", "", "", "", "", "", ],
    ["startseite","index.htm", "", "", "", "_self", "0", "", "", ],
    ["geschaeftsleitung","geschaeftsleitung.htm", "", "", "", "_self", "0", "", "", ],
    ["personal","", "", "", "", "_self", "0", "", "", ],
        ["|angestellte","angestellte.htm", "", "", "", "_self", "", "", "", ],
        ["|freie mitarbeiter","freie_mitarb.htm", "", "", "", "_self", "", "", "", ],
        ["|sekretariat","sekretariat.htm", "", "", "", "_self", "", "", "", ],
        ["|auszubildende","azubis.htm", "", "", "", "_self", "", "", "", ],
        ["|praktikanten","praktikanten.htm", "", "", "", "_self", "", "", "", ],
    ["schwerpunkte","schwerpunkte.htm", "", "", "", "_self", "0", "", "", ],
    ["projekte","", "", "", "", "", "0", "", "", ],
        ["|campingplatz LA","p_camp_la.htm", "", "", "", "_self", "", "", "", ],
    ["kontakt","kontakt.htm", "", "", "", "_self", "0", "", "", ],
    ["anfahrt","anfahrt.htm", "", "", "", "_self", "0", "", "", ],
    ["links","links.htm", "", "", "", "_self", "0", "", "", ],
    ["impressum","impressum.htm", "", "", "", "_self", "0", "", "", ],
];

dm_init();

Ich hoffe, dass hilft dir weiter!

[Christoph Schnauß]

hallo,

Danke für deine schnelle antwort.

So schnell war das gar nicht.

Das Flash-Movie muss auf der Seite bleiben, da das sozusagen das "Intro" sein soll und wir hierfür schon sehrviel Zeit aufgebracht haben.

Dann packe es auf eine eigene "intro"-Seite, auf der es noch gar keine Navigation gibt. Biete an, daß man das Intro überspringen kann, und sorge dafür, daß sich nach seinem Ablauf dann die Seiten öffnen, für die du deine Navigation tatsächlich brauchst.

Also ich habe dann ein Javascript menü ... die "menu.js" sieht wie folgt aus

Mit Verlaub: das sieht zwar beeindruckend aus, ist aber alles (für deine Fragestellung) völlig wertlos. Du hast da eine lange Liste mit diversen Variablendefinitionen gepostet. Was aber mit diesen Variablen geschehen soll ist weiterhin vollkommen unklar. Nur eines wird ziemlich deutlich: du hast dieses "Menü" nicht selber geschrieben, sondern irgendwo gefunden. Und: diese ellenlange Variablenliste ist für deine Fragestellung im OP absolut belanglos.

Mache dir klar, daß Flash eine eigenständige Technologie ist. Flashfilme benötigen einen "player", und der läuft immer im Vordergrund ab. Man kann den Anzeigebereich eingrenzen, in dem so ein Flashfilmchen laufen soll, man kann das positionieren - sofern es eben ein relativ "kleiner" Bereich ist. Voraussetzung ist immer, daß kein anderer Bestandteil der "Seite" dann auch auf genau dem Platz erscheinen möchte, den dein Flash gerade belegt hat.

(Es gibt da noch ein paar Tricksereien ... die sind dir vermutlich aber _noch nicht_ zumutbar)

Grüße aus Berlin

Christoph S.

[Robert]

WOW! das nenn ich doch mal arrogant ... naja ... ich hatte zwar zuvor schon etliche male erwähnt dass ich das nur als Hobby mache und nicht so wie du den ganzen Tag vor dem Rechner sitze! Aber jetzt weiß ich ja, dass dieses Forum anscheinend nichts für so Anfänger wie mich ist!!!

Naja... danke auf alle Fälle für deine NICHT-Hilfe!!!

Für jeden den es interessiert wie die Lösung zu meinem Problem lautet:
Einfach die Parameter "<param name="wmode" value="transparent">" zu dem Flash-Movie mit einfügen.

Insgesamt sieht das dann so aus:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="507" height="422">
          <param name=movie value="intro/Movie1.swf">
          <param name="LOOP" value="false">
          <param name="wmode" value="transparent">
          <embed src="intro/Movie1.swf" wmode="transparent" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="507" height="422" loop="false">
</embed></object>

[Gernot Back]

Hallo Robert,

Für jeden den es interessiert wie die Lösung zu meinem Problem lautet:
Einfach die Parameter "<param name="wmode" value="transparent">" zu dem Flash-Movie mit einfügen.

Günstiger ist der Wmode "opaque" das macht den Flashfilm bei relativer oder absoluter Positionierung ebenso einer Z-Indizierung zugänglich wie der Wmode  "transparent". Transparent solltest du nur verwenden, wenn deine Flashfilmbühne wirklich auch transparent ist. Ansonsten verlangsamst du unnötigerweise die Animationen. Der Default-Wmode eines Flashfilms ist übrigens "window". Den gilt es auszuschalten, wenn du "Layer" drüberlegen willst. Wmode "window" ist halt so, als hättest du ein Fenster im Fenster, ähnlich einem Frame im Frameset. Daher wohl auch der Name "wmode" (Window-Mode).

Gruß Gernot

[Robert]

Hallo Gernot,

ja das hat auch super geklappt ... vielen Dank! Und wenn das mit dieser Einstellung wirklich schneller ist, dann ist es doppelt gut!

Danke nochmal!

Viele Grüße