Avatar billede bas Forsker
06. maj 2002 - 22:51 Der er 11 kommentarer og
1 løsning

Jump page

Hej eksperter

Jeg vil gerne linke til et afsnit længere nede i samme dokument.
Herunder står et kodeeksempel på, hvad jeg mener.
Koden virker tildels. Jeg vil gerne have det sådan at det afsnit der linkes til vises i toppen af browseren, uanset hvad.

Kan det lade sig gøre ?

På forhånd tak.

/Martin

Kodeeksempel:


<html>
<head>
    <title>jump page</title>
</head>

<body>
<H2> Klik på referencerne for at hoppe til kapitlerne </H2>
<A Href=#indled>Indledning</A>
<A Href=#Kap1>Kapitel 1</A>
<A Href=#kap2>Kapitel 2</A>

<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>


<H2><A Name=indled>Indledning</A></H2>
blablablablablablabla



<H2><A Name=kap1>Kapitel 1</A></H2>
blablablablablablabla


<H2><A Name=kap2>Kapitel 2</A></H2>
blablablablablablabla



</body>
</html>
Avatar billede pfp Nybegynder
06. maj 2002 - 22:55 #1
øhm, kan du ikke bare bruge almindelige bookmarks.

<html>

<body>

<p><a href="#Indledning">Indledning</a></p>
<p><a href="#Kapitel 1">Kapitel 1</a></p>
<p><a href="#Kapitel 2">Kapitel 2</a></p>
<p>&nbsp;</p>
<p><b><a name="Indledning">Indledning</a></b><br>
Her er indledningen</p>
<p>&nbsp;</p>
<p><b><a name="Kapitel 1">Kapitel 1</a></b><br>
Her er kapitel 1</p>
<p>&nbsp;</p>
<p><b><a name="Kapitel 2">Kapitel 2</a></b><br>
Her er kapitel 2</p>

<p>&nbsp;</p>

</body>

</html>
Avatar billede pfp Nybegynder
06. maj 2002 - 22:58 #2
hmmm, jeg tror ikke jeg har forstået dit spm. rigtigt
Avatar billede aspprogram Nybegynder
06. maj 2002 - 23:02 #3
svaret er:

<a name="indledning">Inledning</a>

osv....

der findes glimrende bøger om det til 48 kr.... =)
Avatar billede steen_hansen Forsker
06. maj 2002 - 23:02 #4
Du har med

<A Href=#indled>Indledning</A>

<A Name=indled>Indledning</A>

allerede lavet halvdelen.

Hvis dine links til dine bookmarks skal stå øverst på siden, skal du bygge din side op i frames. Det kan du gøre på denne måde, som jeg vil vise dig om lidt. Øjeblik, laver lidt kode :o)
Avatar billede jakoba Nybegynder
06. maj 2002 - 23:11 #5
Så er det ikke anchors og links du skal bruge men billeder og onclick-eventen i dine links.

lige foran hvert ancho indsætter du et usynlig billede fx:
<img src='gennemsigtig.gif' width=1 height=1 name="imgankernavn">

så lidt script i head:
<script type='text/javascript'>

function getYcoord ( nvn ) {
    var elm = document.images[nvn];
    if ( document.layers ) return elm.y;
    var y = 0;
    do { y += parseInt( elm.offsetTop );
        elm = elm.offsetParent;
    } while ( elm );
    return y
}; //end getYcoord ( string ) -> number

</script>

og tilføj så en onclick handeler i dine links:

<a href="#ankernavn"
  onclick="scrollTo( 0, getYcoord('imgankernavn') ); return false">

mvh JakobA
Avatar billede steen_hansen Forsker
06. maj 2002 - 23:20 #6
Allerførst "skelletet", f.eks. kan den hedde index.htm:

<html>

<head>
<title>Rammeside</title>
</head>

<frameset framespacing="0" border="0" rows="60,*" frameborder="0">
  <frame name="top" scrolling="no" noresize marginwidth="0" marginheight="0" src="banner.htm">
  <frame name="main" marginwidth="0" marginheight="0" scrolling="auto" noresize src="main.htm">
  <noframes>
  <body>

  <p>Denne Web-side bruger rammer, og din browser understøtter ikke rammer.</p>

  </body>
  </noframes>
</frameset>

</html>


Dernæst banner.htm:

<html>

<head>
<title>Banner</title>
</head>

<body>

<p>
<a href="main.htm#Indledning" target="main">Indledning</a><br>
<a href="main.htm#Kapitel 1" target="main">Kapitel 1</a><br>
<a href="main.htm#Kapitel 2" target="main">Kapitel 2</a>
</p>

</body>

</html>

Og til sidst main.htm:

<html>

<head>
<title>Main</title>
</head>

<body>

<p><a name="Indledning">Indledning</a><br>Dette er indledningen.</p>
<p><a name="Kapitel 1">Kapitel 1</a><br>Dette er kapitel 1.</p>
<p><a name="Kapitel 2">Kapitel 2</a><br>Dette er kapitel 2.</p>

</body>

</html>

Er det sådan noget, du efterlyser? Hvis du ændrer filnavne, så husk at rette dem til i index.htm og banner.htm.
Avatar billede bas Forsker
07. maj 2002 - 00:05 #7
Til pfp

Det, der er problemet er, at hvis jeg f.eks. klikker på
linket til Indledning (jf. min kode), så rykker afsnittet
med indledningen kun op til ca. midt på siden.

Jeg vil gerne have, at det altid bliver vist i topppen af browseren.

/Martin
Avatar billede steen_hansen Forsker
07. maj 2002 - 00:13 #8
bas, hvis ikke din tekst kan fylde mere end en halv side, vil du ikke få teksten op i toppen af browseren, medmindre du laver en helt ny side.
Avatar billede bas Forsker
07. maj 2002 - 00:35 #9
Til Steen Hansen

Det vil altså sige, at man ikke vha. kode kan narre
browseren til at vise afsnittet i topppen af browseren med mindre afsnittet fylder en hel side ?

Jeg synes bare det er underligt, at den viser teksten
midt på og ikke i toppen som default.

/Martin
Avatar billede bas Forsker
07. maj 2002 - 00:37 #10
Til jacoba

Jeg har prøvet at eksperimentere med dit eksempel, men jeg synes ikke helt det virker.

Kan du se, hvad fejlen er / hvad der mangler ?

<html>
<head>
    <title>Untitled</title>
    <script type='text/javascript'>
   
    function getYcoord (nvn) {
    var elm = document.images[nvn];
    if (document.layers) return elm.y;
   
    var y = 0;
   
    do { y += parseInt( elm.offsetTop );
    elm = elm.offsetParent;
    } while ( elm );
    return y
    }; //end getYcoord (string) -> number
   
    </script>
</head>

<body>

<a href="#ankernavn" onclick="scrollTo( 0, getYcoord)"
('imgankernavn')); return false>jump</a>

<br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br>

<br><br><br><br><br><br>
<br><br><br><br><br>

<img src='gennemsigtig.gif' width=1 height=1>
<a name="ankernavn">gennemsigtig</a>



</body>
</html>

På forhånd tak.

/Martin
Avatar billede bas Forsker
07. maj 2002 - 00:56 #11
Hej alle

Jeg har fået detr til at virke.
Jeg havde sat mit anker lidt forkert.

Jeg siger mage tak til alle.

Venlig hilsen

Martin
Avatar billede jakoba Nybegynder
07. maj 2002 - 17:45 #12
bas >> din <img kommando ved det anker du vil hoppe hen til skal have navnet name="imgankernavn":

<a href="#ankernavn" onclick="scrollTo( 0, getYcoord('imgankernavn')); return false">jump</a>

<br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br>

<br><br><br><br><br><br>
<br><br><br><br><br>

<img name='imgankernavn' src='gennemsigtig.gif' width=1 height=1>
<a name="ankernavn">gennemsigtig</a>

og så skal der være plads nok i bunden til at det anker kan scolle hele vejen op i toppen af vinduet:

indsæt fc nogle
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
linier for at skubbe bunden af dokumentet nedad.

mvh JakobA
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