Avatar billede pyroman Nybegynder
25. november 2004 - 21:34 Der er 9 kommentarer og
1 løsning

div over <select> i IE

Hej - har vist haft dette spørgsmål inde før...

Jeg ønsker at smide et div over en <select> box, så den bliver delvist skjult. (Skal bruges til drop-down menu)


testside: www.desi-dev.dk/filip/menu.html
js-fil: www.desi-dev.dk/filip/iehover-fix.js

Jeg har lavet denne test-side, hvor man kan se problemet. Se siden i forskellige browsere, fx Firefox og IE.

Som det ses overlapper div'et fint <select> boksen, men linket er inaktivt, hvilket ikke er så fedt...

Metoden (hack'et) der overhovedet gør det muligt at have et div over en <select> er fundet på alistapart (artiklen har jeg ikke linket på):

http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html


Der må være nogle kvikke hoveder der forstår sig på dette og lige kan regne ud hvad der er galt og skal gøres...

200 røvere til den seje!
Avatar billede olebole Juniormester
25. november 2004 - 21:40 #1
<ole>

select-elementet brænder igennem dine lag ... det er, som det skal være  :)
  http://www.faqts.com/knowledge_base/view.phtml/aid/15145

/mvh
</bole>
Avatar billede olebole Juniormester
25. november 2004 - 21:44 #2
Prøv at gå til denne side:
  http://www.eksperten.dk/spm/Programmering/Script/JavaScript/
tryk på 'Kategorioversigt' i menuen ... læg mærke til, hvad der sker med select-elementet  :)
Avatar billede pyroman Nybegynder
25. november 2004 - 21:52 #3
yes yes - men prøv at tjekke denne side: http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html

Der skjules <select> boksene ikke, men en <ul> gå pænt ned og dækker... det burde kunne lade sig gøre..

Og der står også noget om det her: http://dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx
Avatar billede thomas_yde Nybegynder
26. november 2004 - 11:11 #4
Han smider en iframe ind i sin menu, ved ikke om det er "løsningen"
men han gør da en ting som olebole er glad for: onMouseOver = skifte CSS class ... hæhæ
Avatar billede olebole Juniormester
27. november 2004 - 17:51 #5
Nemlig ... det er altid en elendig løsning  :)

pyroman >> Det, du gør, er at du smider en transparent iframe ovenpå dit link - det kan du ikke klare den med alene.
Hvad dotnetjunkies.com gør, har jeg ikke haft tid til at checke ordentligt - og da jeg så omtalte klasse-skift, var det ikke ligefrem noget, der skærpede min appetit  :)
Avatar billede pyroman Nybegynder
27. november 2004 - 19:59 #6
Jeg tror efterhånden også at IE brugere må undvære <select> boksene under den ellers så flotte menu, men så kan de lære at skifte til noget ordentligt...

ole > Hvad har du imod class ændringer? ;)
Avatar billede olebole Juniormester
27. november 2004 - 21:12 #7
Når du skifter klasse på et element, skal browseren spytte et nyt og komplet DOM-træ ud - hvilket faktisk svarer til at parse siden en ekstra gang.
Det sker ikke, når du skifter de enkelte properties på elementets style-objekt - hvorfor dette naturligvis performer langt bedre  :)
Avatar billede pyroman Nybegynder
03. januar 2005 - 22:36 #8
Hej ole

Nu vender jeg endelig tilbage - undskyld ventetiden ;)

Jeg er sådan en fyr der aldrig giver op - og det kan betale sig. Min javascript-menu er endelig ved at være færdig og har kostet meget blod, sved og tårer.

MEN - jeg vil lige vise dig det midlertidige resultat - og jeg synes faktisk at du skal se det i IE (normalt ikke noget man vil råde). Den dækker fint <select> bokse!!!

Selvom jeg jo så egentlig er sejersherre over dette spørgsmål vil jeg nu gerne give en slump point hvis du vil have nogen...
Måske jeg kunne dig til at komme med nogle alternative metoder til at ændre class ?? for jeg står og skal til at finde på en metode til at ændre udseende på menupunkterne ved mouseover - og at skifte class er lige det nemmeste at lave og rette i...


Men her er et link så du kan se den menu jeg er så stolt over:

http://www.desi-dev.dk/filip/js_MenuBar/MenuBarTest.html


og godt nytår ;)
Avatar billede pyroman Nybegynder
04. januar 2005 - 22:51 #9
Nu er der kun styling tilbage - det kan også give problemer - ÆV

Ole => hvor meget vil du have?
Avatar billede pyroman Nybegynder
20. januar 2005 - 20:49 #10
lukker...
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