21. maj 2005 - 12:02Der er
13 kommentarer og 1 løsning
zindex problem
Hej Jeg har et tsykke kode der genererer en "drop-down" menu lidt oi stil med den her på eksperten. Mit problem er hvis menuen skal poppe ned foran en INPUT-boks, fremkommer den bagved. Menuen består af en div, der bliver synlig / usynlig.
Har forsøgt med følgende uden held:
function show(mnu){ mnu.style.visibility='visible'; mnu.style.zIndex=100; }
samt at ændre at sætte "z-index: 100;" i mit stylesheet..
du giver form-feltet et id, også i det kald du gør til at rulle menuen ned indsætter du noget display:none også når menuen fjernes igen så den så sættes til block eller hva den er igen :)
- og så er 'visibility:hidden' nok bedre, da elemnetet så stadig optager fysisk plads på siden. Med display vil resten af elementerne 'animere' dramatisk rundt på siden ;o)
function toggleElms(elmTag, vis) { var o, a = document.getElementsByTagName(elmTag); for (var i=0,j=<a.length; i<j; i++) { o = a[i]; if (!o || !o.offsetParent) continue; o.style.visibility = vis; } }
- med henholdsvis: toggleElms("select", "hidden"); - og: toggleElms("select", "visible");
- når du viser og skjuler din menu. Det er formodentlig ikke input-elementer, men kun select's, der 'brænder' igennem dine lag ;o)
function toggleElms(elmTag, vis) { var o, a = document.getElementsByTagName(elmTag); for (var i=0,j=a.length; i<j; i++) { o = a[i]; if (!o || !o.offsetParent) continue; o.style.visibility = vis; } }
Problemet er så bare hvis id'et ikke findes. Jeg inkluderer nemlig menuen fra en selvstændig fil, og der er jo ikek på alle siderne jeg bruger forms. Kan man evt. bare skjule formen ud fra et klassenavn, så den ikke fejler hvis formen ikke eksisterer? Så skal jeg bare sætte alle mine forme til at bruge denne klasse?
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.