15. maj 2004 - 17:40
Der er
8 kommentarer og 1 løsning
Layer popup
Nogen der ligger inde med et lille script der ved click på et <a hre.. åbner gør en specifik layer visible og centrerer den midt på siden ?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
el. der centrerer den fra start, og bare en visible/hide ved click .. ville faktisk være bedre :) (skal selv. centreres udfra h/w af layeren) :)
<ole> <script type="text/JavaScript"> function openLyr() { var lyr = document.getElementById("lyr"); lyr.style.left = (document.body.offsetWidth-lyr.offsetWidth)/2; lyr.style.visibility = "visible"; } </script> <a href="#" onclick="openLyr();return false">TEST</a> <div id="lyr" style="position:absolute;visibility:hidden;z-index:100">Bla bla bla</div> /mvh </bole>
Hvis den også skal centreres lodret: function openLyr() { var lyr = document.getElementById("lyr"); lyr.style.left = (document.body.offsetWidth-lyr.offsetWidth)/2; lyr.style.top = (document.body.offsetHeight-lyr.offsetHeight)/2; lyr.style.visibility = "visible"; } ... men husk i så fald at sætte højden på body- og documentElement-elementerne: <style type="text/css"> html, body { height: 100%; margin: 0px; } </style>
kan du samle det i en ? Hvad med centrering ved body load ?
Bare råb: "Jeg er færdig", når jeg skal komme og tørre dig :) <style type="text/css"> html, body { height: 100%; margin: 0px; } </style> <script type="text/JavaScript"> function openLyr() { var lyr = document.getElementById("lyr"); lyr.style.left = (document.body.offsetWidth-lyr.offsetWidth)/2; lyr.style.top = (document.body.offsetHeight-lyr.offsetHeight)/2; lyr.style.visibility = "visible"; } </script> <a href="#" onclick="openLyr();return false">TEST</a> <div id="lyr" style="position:absolute;visibility:hidden;z-index:100">Bla bla bla</div>
som den er nu.. er layeren visible.. og væk når der clickes.. el. har jeg misforstået det ?
visibility:hidden fra start, visibility:visible ved click ... Hvis man skal kunne klikke den væk igen, bliver det noget à la: function openLyr() { var lyr = document.getElementById("lyr"); lyr.style.left = (document.body.offsetWidth-lyr.offsetWidth)/2 + 'px';; lyr.style.top = (document.body.offsetHeight-lyr.offsetHeight)/2 + 'px';; lyr.style.visibility = (lyr.style.visibility!="visible")?"visible":"hidden"; }
Vi tilbyder markedets bedste kurser inden for webudvikling