Avatar billede styrken Nybegynder
07. oktober 2007 - 16:22 Der er 4 kommentarer

Div position ifht. link

Hej Eksperter!

Jeg har et problem med at indstille funktionen for et pop-up layer.

Jeg bruger et script jeg fandt på http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

Nu vil jeg så gerne ændre det, sådan at den div der popper op når man klikker på et link, det popper op, sådan at nederste venstre hjørne, kommer ud for afslutningen af linket.

Min DIV-kode ser sådan her ud:
<DIV id="subcontent2" class="recommended">

Some content. Some content.

<div align="right"><a href="#" style="color:#000000; font-size: 10pt;"onClick="overlayclose('subcontent2'); return false">Close Box</a></div>

</DIV>

Og min recommended class ser sådan her ud:

.recommended {
    display:none;
    border: 1px solid black;
    background-color: #FFFFFF;
    width: 300px;
    height: 300px;
    padding: 8px;
    color: #000000;
    font-size: 10pt;
   
}
#recommended {
    position: relative;
        left: 200;
}

Håber i forstår hvad i mener og nogen af jer kan hjælpe mig.
Se evt. http://test.cedalion.dk/shop/goods/index.php?id=27&cat=6&col=57
Fortsat god søndag
Avatar billede olebole Juniormester
07. oktober 2007 - 20:17 #1
<ole>

Kan du bruge det her:

<style type="text/css">
.popLink {
    position: relative;
}
.popLink span {
    position: absolute;
    width: 200px;
    height: 120px;
    border: 2px solid black;
    background: #ffffcc;
    display: none;
}
</style>

<script type="text/JavaScript">
function showPop(oLnk) {
    var o = oLnk.parentNode.getElementsByTagName("span")[0],
    css = o.style;
    css.display = "inline";
    css.left = (oLnk.offsetWidth+3) + "px";
    css.top = -(o.offsetHeight-oLnk.offsetHeight) + "px";
}
function hidePop(oLnk) {
    oLnk.parentNode.style.display = "none";
}
</script>


Her kommer et link:
<span class="popLink"><a href="#" onclick="showPop(this)">Link tekst</a><span>Blablabla <a href="#" onclick="hidePop(this)">[ Luk ]</a></span></span>
og noget mere tekst ...

/mvh
</bole>
Avatar billede olebole Juniormester
11. oktober 2007 - 23:24 #2
- kom du videre?
Avatar billede styrken Nybegynder
15. oktober 2007 - 01:48 #3
ja, mange tak! Det var lige det jeg havde brug for :)
læg et svar, så får du point!
Avatar billede olebole Juniormester
15. oktober 2007 - 14:08 #4
Selvtak  ;o)
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