Avatar billede starbotz Praktikant
18. juni 2002 - 14:14 Der er 6 kommentarer og
2 løsninger

z-index, applet og dropdown menu

Hey.

Jeg har et problem, som jeg godt kunne tænke mig hvis nogen kunne løse.

Jeg har en JSP-side, som inkluderer en dropdown menu (.js). Menuen er den såkaldte DHMTL menu, HierMenu hvis nogle af jer kender den. Inde i min JSP side har jeg noget APPLET kode.

Problemet er, at når man er på den JSP-side med appletten og menuen så folder ud, så kommer menuen til at ligge bag ved appletten. Og jeg vil gerne ha' appletten bagest.

Jeg har ladet mig fortælle at man kan skrue på et z-index. Jeg har læst lidt om det på MSDN og også prøvet at sætte et STYLE-tag direkte ind i <APPLET ...> tag'et, men synes ikke rigtig det virker.

Er der nogen forslag? Der bruges ikke layers eller <iframes> og dette kan IKKE ændres af grunde jeg ikke kan kommentere her.

Håber nogen kan hjælpe.
Avatar billede klatten Nybegynder
18. juni 2002 - 14:17 #1
Lidt svært at sige, når du ikke fortæller hvad du allerede har prøvet - og hvordan!
Mht til z-index så kig på http://www.html.dk/tutorials/css/lektion15.asp så finder du måske løsningen.
Avatar billede sthen Nybegynder
18. juni 2002 - 14:24 #2
#din_menu{
z-index: 10;
}

#din_applet{
z-index: 5;
}
</HEAD>
<BODY>

<SPAN ID="din_menu">
// Her skriver du din menu-kode
</SPAN>


<SPAN ID="din_applet">
// Her skriver du din applet-kode
</SPAN>


Dette BURDE fungere
Avatar billede klatten Nybegynder
18. juni 2002 - 15:02 #3
så mangler der bare lige <style> & </style>
Avatar billede starbotz Praktikant
18. juni 2002 - 15:18 #4
Det er sådan her:

FRAMESET:
---------
<frameset  cols="12,*,12"  border="0" framespacing="0" frameborder="0" frameborder="no">
    <frameset  rows="60,*,16" framespacing="0" frameborder="0" border="0" frameborder="no">
        <frame name="left1"src="left1.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize>
        <frame name="left2" src="left2.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize>
        <frame name="left3" src="left3.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize>
    </frameset>
    <frameset rows="*,16" framespacing="0" frameborder="0" border="0" frameborder="no">
        <frame name="main" src="main.jsp" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" noresize>
        <frame name="low" src="low.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize>
    </frameset>
    <frameset  rows="60,*,16" framespacing="0" frameborder="0" border="0" frameborder="no">
        <frame name="right1" src="right1.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize>
        <frame name="right2" src="right2.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize>
        <frame name="right3" src="right3.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize>
    </frameset>
<noframes>
</noframes>
</frameset>

Den frame, som hedder MAIN er den, som alle JSP-sider loades ind i. Hver JSP-side include'r på <% %> vis en HTML-fil, som indeholder noget JavaScript, der loader de JavaScripts som endelig laver dropdown menuen.

På nogle af JSP-siderne, som loades i MAIN er der være nogle applets. Jeg kan se i menu JavaScript'et at der bruges en masse z-index'er, men jeg tror at disse bruges til at styre hvordan man vil ha' menuen skal se ud. Fx om de første submenuer (niv.1) skal overlappe de øverste menupunkter (niv.0) og om de næste submenuer (niv.2) som folder ud fra niv.1 skal overlappe osv.

Jeg har prøvet at sætte et STYLE-tag på selve applet-koden, fx:

<applet code="blablabla.class"
        codebase="http://www.blabla.dk/" name="blabla" id="blabla" archive="blabla.jar" align="top" width="400" height="280" style="z-index:-5000">

Jeg havde bare sat det til -5000 (ved slet ikke om man kan dette), da det højeste z-index som fandtes i JS-menu scripts'ne vistnok var 5000.

Sthen >>
Man kan vel ikke sætte de <SPAN>s rundt om et JavaScript, kan man? Jeg prøvede og det virkede ikke.

Jeg bruger i øvrigt et generelt stylesheet, som jeg inkluderer i en JSP-fil, som jeg inkluderer på <% %> vis i mine andre JSP-filer.

Så jeg ved ikke om jeg sådan uden videre kan bruge dit forslag?
Avatar billede sthen Nybegynder
18. juni 2002 - 15:22 #5
>> klatten

Man skal vel ikke hænge sig i småting - nåh well - det fungerer selvfølgelig ikke uden - my miss.

<STYLE TYPE="text/css">
#din_menu{
z-index: 10;
}

#din_applet{
z-index: 5;
}
</STYLE>
</HEAD>
<BODY>

<SPAN ID="din_menu">
// Her skriver du din menu-kode
</SPAN>


<SPAN ID="din_applet">
// Her skriver du din applet-kode
</SPAN>


Like this ????
Avatar billede starbotz Praktikant
19. februar 2006 - 17:34 #6
Jeg lukker spørgsmålet
Avatar billede klatten Nybegynder
20. februar 2006 - 18:00 #7
hvad??? allerede? :-)
Avatar billede starbotz Praktikant
20. februar 2006 - 19:39 #8
*LOL*
Jeg har herregrineren over din kommentar :oD hehehe
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
Kurser inden for grundlæggende programmering

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