Avatar billede mitbrugernavn Praktikant
27. oktober 2008 - 19:35 Der er 4 kommentarer og
2 løsninger

div placering i forhold til anchor

har følgende test_1.asp

<table width="50%" border="0" cellspacing="0" cellpadding="0">
  <tr> <td><A HREF="test_2.asp#scrollPunkt_1" name="">tekst 1</A></td>  </tr>
  <tr> <td><A HREF="test_2.asp#scrollPunkt_2" name="">tekst 2</A></td>  </tr>
  <tr> <td><A HREF="test_2.asp#scrollPunkt_3" name="">tekst 3</A></td>  </tr>
  <tr> <td><A HREF="test_2.asp#scrollPunkt_4" name="">tekst 4</A></td>  </tr>
  <tr> <td><A HREF="test_2.asp#scrollPunkt_5" name="">tekst 5</A></td>  </tr>
  <tr> <td><A HREF="test_2.asp#scrollPunkt_6" name="">tekst 6</A></td>  </tr>
  <tr> <td><A HREF="test_2.asp#scrollPunkt_7" name="">tekst 7</A></td>  </tr>
</table>

der går til test_2.asp

<body onload="init()">

<div ID="vis_id" style="position:relative; left:497px; top:0px; visibility: visible;"> vis id</DIV>
<table width="50%" border="0" cellspacing="0" cellpadding="0">
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_1">anker 1</A></td>  </tr>
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_2">anker 2</A></td>  </tr>
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_3">anker 3</A></td>  </tr>
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_4">anker 4</A></td>  </tr>
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_5">anker 5</A></td>  </tr>
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_6">anker 6</A></td>  </tr>
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_7">anker 7</A></td>  </tr>
  <tr> <td height="300" valign="bottom"><A NAME="scrollPunkt_8">anker 8</A></td>  </tr>
</table>
<script type="text/javascript">
function init()
{
window.onload = function()
        {
       
        var urls = location.href.split("#");
        if(urls.length>1)
          scrollPunkt = urls[1];
        document.getElementById('+scrollPunkt+').style.top =document.body.scrollTop;
        document.getElementById('vis_id').style.top =document.body.scrollTop;

      }
}
    </script>


hvordan får jeg min div til at komme ud for anchor
Avatar billede w13 Novice
27. oktober 2008 - 19:57 #1
document.getElementById('+scrollPunkt+').style.top =document.body.scrollTop;
        document.getElementById('vis_id').style.top =document.body.scrollTop;

skal i hvert fald være:

        document.getElementById('+scrollPunkt+').style.top =document.body.scrollTop + "px";
        document.getElementById('vis_id').style.top =document.body.scrollTop + "px";

til en start.

I øvrigt ville jeg også spare init()-funktionen væk:

<body>

<div id="vis_id" style="position: relative; left: 497px; top: 0; visibility: visible">vis id</div>
<table style="width: 50%; border-width: 0; border-collapse: collapse">
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_1" name="scrollPunkt_1">anker 1</a></td></tr>
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_2" name="scrollPunkt_2">anker 2</a></td></tr>
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_3" name="scrollPunkt_3">anker 3</a></td></tr>
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_4" name="scrollPunkt_4">anker 4</a></td></tr>
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_5" name="scrollPunkt_5">anker 5</a></td></tr>
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_6" name="scrollPunkt_6">anker 6</a></td></tr>
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_7" name="scrollPunkt_7">anker 7</a></td></tr>
  <tr><td height="300" valign="bottom"><a id="scrollPunkt_8" name="scrollPunkt_8">anker 8</a></td></tr>
</table>

<script type="text/javascript">
window.onload = function()
      {
       
        var urls = location.href.split("#");
        if(urls.length>1)
          scrollPunkt = urls[1];
        document.getElementById("vis_id").style.top = document.getElementById(scrollPunkt).offsetTop + "px";

      }
</script>

I øvrigt forstår jeg ikke, hvorfor du bruger tabeller, som du gør.
Avatar billede mitbrugernavn Praktikant
27. oktober 2008 - 20:02 #2
takker - smid et svar
Avatar billede w13 Novice
27. oktober 2008 - 20:02 #3
;)
Avatar billede mitbrugernavn Praktikant
27. oktober 2008 - 20:03 #4
ja det var ikke mig selv der skulle svarer ;-)))  - men dig -> W13
Avatar billede w13 Novice
27. oktober 2008 - 20:03 #5
Hermed gjort. =)
Avatar billede w13 Novice
27. oktober 2008 - 21:35 #6
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