Avatar billede hoejgaard Juniormester
12. september 2008 - 23:50 Der er 12 kommentarer og
1 løsning

via link hoppe ned på side

Hej
Jeg søger noget der kan gøre, at jeg når jeg klikker på et link, bliver sendt til et bestemt sted på en anden side, feks. det sidste afsnit nederst på siden eller lignende. Hvordan gør man det ??
Avatar billede kalp Novice
13. september 2008 - 00:02 #1
f.eks

<a name="afsnit1"></a>

og så lav et link med #afsnit1 i href eller smid det med i url'en direkte efter .html#afsnit1
Avatar billede roenving Novice
13. september 2008 - 08:43 #2
-- men der giver browserne irriterende forskelle, for visse browsere vil ikke ved nyindlæsning af en side respektere et evt. hash-link i urlen (# = hash, numbersign !-)
Avatar billede hoejgaard Juniormester
13. september 2008 - 10:42 #3
Roenving
okay hvad kan man så gøre, som de mest benyttede browsere kan acceptere ?
Avatar billede roenving Novice
13. september 2008 - 11:32 #4
Det er f..... et godt spørgsmål ,-(
Avatar billede kalp Novice
13. september 2008 - 11:35 #5
hvis # ikke er godt nok, så må du finde en løsning, som er JavaScript baseret.
Hvis din løsning simpelthen er så professionel, at den skal virke i samtlige browsere:)
Avatar billede roenving Novice
13. september 2008 - 12:27 #6
Problemet findes allerede i en af de stærkt udbredte browsere, nemlig IE6 (ved ikke om det også gælder IE7 !-)

-- du kan prøve det ved at trykke på et brugernavn ude til venstre her i tråden og så kopiere den url, der kommer på siden ind i et nyt browservindue !o]
Avatar billede w13 Novice
13. september 2008 - 13:38 #7
Det kan løses med JavaScript sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
function jumpTo(o){
    o=document.getElementById(o);
    window.scrollTo(0,o.offsetTop);
}
</script>
<body onload="jumpTo('test')">

tekst<br>
tekst<br>
tekst<br>
tekst<br>

<div id="test">test</div>

tekst<br>
tekst<br>
tekst<br>
tekst<br>
Avatar billede hoejgaard Juniormester
13. september 2008 - 15:00 #8
w13
det ser fint ud, men syntes ikke det er via et link fra en anden side, man kommer til "test" ??
eller har jeg misforstået det ??
Avatar billede w13 Novice
13. september 2008 - 15:28 #9
Nej, det ville så skulle skrives om til at aflæse fra URL'en.
Avatar billede roenving Novice
13. september 2008 - 15:28 #10
-- næh, men den kunne man jo finde:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
function jumpTo(o){
  if(o)
    o=document.getElementById(o);
  else{
    var l = window.location.hash;
    if(l)
      o = document.getElementById(l.replace("#",""));
  }
  window.scrollTo(0,o.offsetTop);
}
window.onload = function(){jumpTo();}
}
</script>
<body>

tekst<br>
tekst<br>
tekst<br>
tekst<br>

<div id="test">test</div>

tekst<br>
tekst<br>
tekst<br>
tekst<br>
</body>
</html>
Avatar billede hoejgaard Juniormester
13. september 2008 - 17:17 #11
Nu er jeg ikke ret meget inde i javascript..

Jeg har på en side et link :

<tr><td class="td48"><?php echo "<a href=\"vis-traad.php?overskrift=".$row[overskrift]."&id=".$row[id]."&emne=".$emne."&sidste=".'sidste'."&antalsidste=".$antal."\" class='link19'>Seneste indlæg &nbsp;<IMG  class='IMG1' SRC='arrows_trans.gif'></a>"; </td></tr>

Den fører mig så til en anden side: vis-traad.php ,
men vil gerne have den til at vise den nederste del af den side.
Hvad er det jeg skal skrive hhv. i ovenstående link, og på siden vis-traad.php ??
Avatar billede w13 Novice
13. september 2008 - 17:20 #12
Det er kun på vis-traad.php, at du indsætter:

<script type="text/javascript">
function jumpTo(o){
  if(o)
    o=document.getElementById(o);
  else{
    var l = window.location.hash;
    if(l)
      o = document.getElementById(l.replace("#",""));
  }
  window.scrollTo(0,o.offsetTop);
}
window.onload = function(){jumpTo();}
}
</script>

Og så skal du sætte id="et-eller-andet"

Og så skal dit link til vis-traad.php have tilføjet:

#et-eller-andet
Avatar billede w13 Novice
13. september 2008 - 17:26 #13
Og så skal du sætte id="et-eller-andet"
=
Og så skal du sætte id="et-eller-andet" på det element, du vil hoppe ned til.
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