Avatar billede RJFreelance Praktikant
11. april 2007 - 03:25 Der er 5 kommentarer og
1 løsning

pop-up på side

Hej.
Jeg skal have lavet et slags div der "popper" frem på min side i højre side, således at divet åbner ved klik på links, og i toppen af div'et skal der være et lille kryds så man kan skjule div'et igen.

Ved at det kan lade sig gøre, og mener at have set det til download før, men det er snart så lang tid siden jeg har rodet med det. Der skulle vel ikke lige være en der ligger inde med en løsning?

På forhånd tak.
Avatar billede roenving Novice
11. april 2007 - 04:12 #1
Hvad skal kalorius indeholde ?-)
Avatar billede mcardle Nybegynder
11. april 2007 - 06:17 #2
Det meste er CSS. På dit link sætter du en onclick="showDiv();"

Du kan gøre sådan her:

<html>
    <head>
        <title></title>
        <style type="text/css">
            #popup{
                position: absolute;
                top: 100px;
                right: 50px;
                width: 150px;
                height: 250px;
                background-color: #aaaaaa;
                border: 1px #000000 solid;
                padding: 10px;
            }
            #top{
                text-align: right;
                margin-bottom: 3px;
            }
        </style>
        <script type="text/javascript">
            function showDiv(elm){
                if(document.getElementById){
                    document.getElementById("popup").style.display = elm;
                }
                else{
                    document.layer["popup"].display = elm;
                }
            }
        </script>
    </head>
<body>

<div id="popup" style="display: none;">
    <div id="top"><span style="cursor: hand;" onclick="showDiv('none')">X</span></div>
    Hello, jeg er en avanceret popup der ikke kan stoppes af popupstoppers.
</div>

<a href="#" onclick="showDiv('block')">Click her</a>

</body>
</html>

Du kan også skifte X'et ud med et billede i stedet for.
Avatar billede RJFreelance Praktikant
14. april 2007 - 22:45 #3
Det ser godt ud.. Problemet er at linket ligger i en iframe men pop<uppen skal vises på selve siden. Så istedet for document skal det være noget andet. Men hvad er det nu ? Page eller site eller hvordan er det nu ?
Avatar billede RJFreelance Praktikant
14. april 2007 - 23:06 #4
Parent var svaret :)

Men er det muligt at lave det så top bliver samme højde som der hvor musen er? Således at pop-uppen åbner f.eks. 100 pixel fra musen ? Kan godt hæve lidt hvis det er.
Avatar billede RJFreelance Praktikant
14. april 2007 - 23:21 #5
Nå jeg fandt selv ud af noget, gider du smide et svar mcardle? :)
Avatar billede mcardle Nybegynder
15. april 2007 - 04:32 #6
Jepper, tak for points
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