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
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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