Avatar billede 4b4 Nybegynder
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 ?
Avatar billede 4b4 Nybegynder
15. maj 2004 - 17:41 #1
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) :)
Avatar billede olebole Juniormester
15. maj 2004 - 17:51 #2
<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>
Avatar billede olebole Juniormester
15. maj 2004 - 17:53 #3
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>
Avatar billede 4b4 Nybegynder
15. maj 2004 - 17:56 #4
kan du samle det i en ? Hvad med centrering ved body load ?
Avatar billede olebole Juniormester
15. maj 2004 - 18:36 #5
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>
Avatar billede 4b4 Nybegynder
15. maj 2004 - 19:24 #6
som den er nu.. er layeren visible.. og væk når der clickes.. el. har jeg misforstået det ?
Avatar billede roenving Novice
15. maj 2004 - 20:13 #7
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";
}
Avatar billede 4b4 Nybegynder
16. maj 2004 - 13:19 #8
smider i svar ?? :)
Avatar billede olebole Juniormester
16. maj 2004 - 16:26 #9
*griiib*
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