Toon posts:

link naar top onderin pagina

Pagina: 1
Acties:
  • 151 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Kan je ergens rechts onderin de pagina een pijltje maken met daaraan een link die weer helemaal bovennaar de pagina gaat. En dat deze link dan ook de hele tijd onderin de pagina blijft als je scrollt?

Verwijderd

ja, dat kan..

Die link maak je met een zgn anchor, (ff searchen, vorige week was er ook een vraag over). En dattie blijft staan kan je op verschillende manieren doen. Met frames of javascript (dynamicdrive.com). Frames, dan maak je gewoon een frameset en zet je de content in een ander frame dan de link (wordt de link zelf wel anders, zoek op link + frame), m,et javascript zie http://www.dynamicdrive.com daar staat een script waarmee je iets mee kan laten scrollen met de pagina.

Je kan het ook met tables ipv een frameset doen natuurlijk, komt op hetzelfde neer.

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

link naar boven [basis-html]:

tekst waarnaar je wilt linken:
code:
1
<a name="boven">boven</a>

Link:
code:
1
<a href="#boven">naar boven aub</a>

voor het altijd zichtbaar houden van die link, kijk eens bij
http://www.dynamicdrive.com

of koop eens een goed boek ;)


edit:
net te laat

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

lama................


/me was ook te laat :)

Verwijderd

Dat kan. Maak een DIV aan met de volgende link erin:
code:
1
<a href="#pagetop">TOP</a>

Zet bovenin de HTML (direct onder de body tag) het volgende:
code:
1
<a name="pagetop"></a>

En maak een JavaScriptje dat de DIV ergens neerzet en zorgt dat ie met de pagina meescrollt. Als je goed zoekt kun je dat vast wel ergens vinden.

Verwijderd

Topicstarter
dat het met zo'n anchor moest dat wist ik maar nog niet hoe ik dan die link moest laten meescrollen met de pagina. Ga ik nu dan zelf maar proberen uit te zoeken. Maar moet snel klaar zijn dus ik dacht dat ik hier misschien zo antwoord kon krijgen.

Verwijderd

je kan ook na elke alinea zo;n link plaatsen, dat is vert old skool!!

Verwijderd

Topicstarter
dynamicdrive werkt niet. waar kan ik het nog meer vinden?

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

probeer het maar nog eens, want het werkt dus wel !


tip: ga eens resources zoeken op internet! Mocht je websites ontwikkelen, dan moet je een aantal basis-dingen toch onder de knie hebben (voor die tijd mag je niet eens denken aan websites ontwikkelen) of weten waar je het kan vinden :(

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

Topicstarter
<script src="file:///c:/jumptop.js">

//Jump To Top Link Script
//Copyright Dynamicdrive.com
//Visit http://www.dynamicdrive.com for this script, and TOS

</script>

Ik heb dit scriptje gevonden en ik wil het junptop.js in dezelfde directory zetten als de html. Maar dan krijg ik het niet aan de praat. ik wil dus geen c:\.... gebruiken maar zoiets: file:../jumptop.js Kan dit?

Verwijderd

Topicstarter
Ik ben er al uit. Ik maak mezelf niet populair hier merk ik wel. Door mijn domme vragen volgens jullie.

Verwijderd

ja dat kan, voor dit soort meeegggaaaa simpele vragen kan je beter de source gebruiken of een boek zoeken. zie faq

Verwijderd

dat is gewoon HTML mn jong..

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Werkt dit niet ?
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>

<body onmousedown="Verplaats();">

<script language="Javascript" type="text/javascript">

function Verplaats() {
      dinges.style.top = screen.availHeight;
}
</script>

<div name="dinges" id="dinges" style="position: absolute; z-index: 2; height: 15px; width: 50px;">
   <a href="javascript: window.scrollTo(0,0); void(0);">Blaat</a>
</div>

</body>

</html>
Pagina: 1