Avatar billede limes_planum Praktikant
31. juli 2007 - 17:24 Der er 12 kommentarer og
1 løsning

Linjenavigation - hvordan?

Hvordan laver man en url med overskrifter foroven, der hver især kan linke til overskrifte længere nede på siden?

Det skal fungere således at man trykker på et af linkene, hvorefter man bliver "Scroll"-navigeret ned til pågældende overskrift med tilhørende tekstkapitel.
Avatar billede limes_planum Praktikant
31. juli 2007 - 17:24 #1
'overskrifter'
Avatar billede barklund Nybegynder
31. juli 2007 - 18:15 #2
Med fragment-links:

<a href="#idpåelementduvilscrolletil">Scroll til element længere nede</a>

Det har nu intet med php at gøre :)

--
Morten Barklund
Avatar billede limes_planum Praktikant
31. juli 2007 - 19:55 #3
ok - tænkte nok det var ret simpelt - men havde i starten også en ide om at lave det som en søgefunktion (hvilket ifølge andre indlæg herinde krævede man lavede det med db) - prøver det lige og vender tilbage....
Avatar billede limes_planum Praktikant
31. juli 2007 - 22:23 #4
Afprøvet det umiddelbart - virker ikke // fragment-links? har prøvet at finde dokumentation på det -> uden held. Uddyb venligst
Avatar billede barklund Nybegynder
31. juli 2007 - 22:34 #5
Altså, det er jo blot links som:


<a href="#enside">Scroll ned til en side</a>
<p style="height: 2000px;">Her er noget tom plads</p>
<p id="enside">Her er en side</p>

Ikke meget surprise i det :)
Avatar billede thesurfer Nybegynder
31. juli 2007 - 23:02 #6
name, og ikke id..

Dvs:

<a href="#enside">Scroll ned til en side</a>
<p style="height: 2000px;">Her er noget tom plads</p>
<a name="enside">Her er en side


Jeg ved ikke om A-tag'et skal afsluttes igen.. tror jeg ikke..
Avatar billede barklund Nybegynder
31. juli 2007 - 23:38 #7
a.name er ret oldschool. Jeg ved ikke siden hvornår det rigtige var *.id, men det er det i hvert fald ifølge w3c i både html 4 og xhtml 1 så vidt jeg husker :)
Avatar billede thesurfer Nybegynder
01. august 2007 - 00:23 #8
Både name og id kan bruges, ifølge W3C: http://www.w3.org/TR/html4/struct/links.html#h-12.2.1
Avatar billede thesurfer Nybegynder
01. august 2007 - 00:27 #9
Aha..

name og id mht a (og applet, form, frame, iframe, img, map) i XHTML: http://www.w3.org/TR/xhtml1/#h-4.10

name til a i XHTML er udgået og bliver fjernet i nyere versioner af XHTML..

Men der er ingen grund til at kode op mod XHTML.. spørg gerne olebole.. :-)
Avatar billede bavingo Nybegynder
01. august 2007 - 10:57 #10
Mht. ikke afsluttet <a>, så jo selvfølgelig skal den afsluttes, selvom det måske ikke lige skader det enkelte element her, kan og vil det skade større scripts.
Avatar billede limes_planum Praktikant
01. august 2007 - 12:56 #11
Ok - sekundært kan det være lækkert at vide noget om de standarder til en anden gang man kan få brug for det, men det må primært handle om barklunds '31/07-2007 22:34:10'-indlæg der virkede efter hensigten og var først på listen -> tak for det :-)

Læg et svar barklund
Avatar billede barklund Nybegynder
01. august 2007 - 13:05 #12
All right :)
Avatar billede barklund Nybegynder
02. august 2007 - 09:41 #13
Tark 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