---
title: "positionera div pop-up"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/170136-positionera-div-pop-up"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "sharkface"
published: "2008-03-22T12:10:32.000Z"
updated: "2008-03-22T12:10:32.000Z"
replies: 0
views: 329
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/170136-positionera-div-pop-up"
---

# positionera div pop-up

## #1 — sharkface, 2008-03-22T12:10Z

Hej

Har ett antal länkar på sidan, när jag klickar på någon av dem vill jag att en div pop-up ska dyka upp i anslutning till den länk som klicket skedde på.

Jag vill alltså återanvända samma div för alla länkar, inte ha en egen div liggandes i koden vid respektive länk.

Min kod funkar utmärkt i IE, men i FF hamnar diven uppe till vänster (postion.left och position.top har ingen effekt).

Hur ska man göra för att dynamiskt visa en div på en viss plats i FF?

```

...

function JSShowDiv(parentCtrlId, panelNewId)
{
    JSPositionPanel(parentCtrlId, panelNewId);        
    document.getElementById(panelNewId).style.display = "block";
}

function JSPositionPanel(parentCtrlId, panelNewId)
{
    var parentCtrl = document.getElementById(parentCtrlId);
    var panelNew = document.getElementById(panelNewId);
    var posLeft    = posTop = 0;
    
    if (parentCtrl.offsetParent) 
    {
        do 
        {
            posLeft += parentCtrl.offsetLeft;
            posTop  += parentCtrl.offsetTop;
        } 
        while (parentCtrl = parentCtrl.offsetParent);
    }
    panelNew.style.left = posLeft + 'px';
    panelNew.style.top  = posTop + 20 + 'px';
}

...

<div id='diven' style='position:absolute; z-index:99; display:none;'>div som ska visas vid länken, ovanpå annat innehåll</a>

...

<a id='lanken' href='#' onclick="JSShowDiv('lanken', 'diven');">länken</a>

...
```

Permalänk: https://www.webforum.nu/p/170136

---

Tråden på webben: https://www.webforum.nu/amne/html-css/170136-positionera-div-pop-up