Avatar billede moejensen Nybegynder
26. februar 2006 - 17:05 Der er 10 kommentarer og
1 løsning

layer over inputbokse

Hvordan laver jeg et layer der indeholder en tabel, der bliver vist hen over nogle inputfelter, når man klikker på en knap?
Avatar billede webudvikleren Nybegynder
26. februar 2006 - 17:10 #1
Lav et layer..
<div id="layer" style="display:none;left:?px;top:?px;position:absolute;width:300px;height:300px;z-index:100;">
  <table cellspacing="0" cellpadding="0">
  ...
  </table>
</div>

-- sæt selv left og top positionerne på.

<button onclick="funk();">KLIK HER</button>
- eller
<input type="submit" value="KLIK HER" onclick="funk();" />

så kører du funktionen:

<script type="text/javascript">
function funk()
{
  var l;
  l = document.getElementById('layer');
  if (l.display == "block")
    {
      l.display = "none";
    }
    else
    {
      l.display = "block";
    }
}
</script>
Avatar billede moejensen Nybegynder
26. februar 2006 - 18:30 #2
hmmm, den gemmer det stadig bag ved selectboksene
Avatar billede webudvikleren Nybegynder
26. februar 2006 - 18:34 #3
z-index:100;
kan aldrig huske om der skal bindestreg i mellem :)

Men prøv uden bindestreg:
zIndex:100;
Avatar billede apo Praktikant
26. februar 2006 - 18:40 #4
z-index er _med_ bindestreg ;-)

Jeg læste et indlæg af Roenving i går hvor, der - så vidt jeg husker - stod, at man ikke kan dække selectbokse med HTML-elementer.
Avatar billede apo Praktikant
26. februar 2006 - 18:44 #5
Det lykkedes mig at finde spørgmålet...

Måske kan du/I blive klogere der: http://www.eksperten.dk/spm/690517
Avatar billede moejensen Nybegynder
26. februar 2006 - 19:31 #6
hvad gør jeg så
Avatar billede webudvikleren Nybegynder
26. februar 2006 - 19:32 #7
Så er der ikke noget at gøre.
Det ser ud som om det ikke kan lade sig gøre.

Du kan jo hellere ikke lave en div oven på en <applet og <object jo :)
Avatar billede moejensen Nybegynder
26. februar 2006 - 19:39 #8
er der så en anden mulighed, jeg behøver ikke bruge en div
Avatar billede milandt Nybegynder
27. februar 2006 - 00:39 #9
I Internet Explorer, vil et select element altid ligge øverst, pga den måde IE renderer siden på. Elementer som et select element bliver i IE simpelthen "lagt" oven på siden når alt andet er renderet. Det er beklageligt, men der er ikke så meget at gøre ved det..

Og dog..

Du kan "løse" problemet med javascript, men jeg vil ikke udelukke at dette giver dig andre problemer.

Prøv at se på denne side:
http://www.pengepriser.dk/Modelhusstande/Specifikation.htm?mId=f0f5c006-98ec-43e6-8412-710f91d5f4e3&&cId=2a1f95b0-9fbb-42b9-acc7-b070c050d51f

Læg mærke til de to røde [i] ikoner, ud for de to select elementer øverst på siden. Når du klikker på dem, dækker de over select elementerne.

Måden dette er lavet på, er at javascript går ind og laver en iframe i samme størrelse som den røde info-box, som den så placerer absolut under infoboxen. En iframe må nemlig gerne dække over et select element, og et div element må gerne lægge sig ind over en iframe.. problem solved :D

Du kan leeche funktionerne i js-filen fra pengepriser.dk, eller skrive din egen. Hvis du har kendskab til javascript burde det ikke være noget problem, og det burde give mening.. når bare du kender princippet i hvad der sker.
Avatar billede moejensen Nybegynder
28. februar 2006 - 23:08 #10
helt super milandt laver du et svar
Avatar billede milandt Nybegynder
01. marts 2006 - 10:23 #11
yes sir
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