hyperlink aan bladwijzer koppelen.

[newdeep]

In ms word kun je in een document een hyperlink aan een bladwijzer koppelen.
Dit is handig als je een bepaalde alinea wil laten zien die staat op pagina 5 en de hyperlink op pagina 1.
Ook als je een bronvermelding wil vermelden dan hoeft de lezer niet helemaal door het document te spitten.
Nu wil ik in mijn website dit ook doen , ik gebruik DW CS3.
Ik wil bv. als ik een update heb geplaatst dat de bezoeker alleen maar op het knopje update hoeft te klikken om dan rechtstreeks te worden doorgelinkd naar het bewuste artikel op een pagina.

mvg Ron Damman

 

[csshunter]

Hoi Ron,
Je kan naar een willekeurige hoogte op een willekeurige pagina gaan door een interne html-bladwijzer in de link te zetten. Gaat als volgt:
Het begin van het artikel geef je een ID *), bijvoorbeeld in de kop:

...
<h2 id="up2">Update van 5 jan. 2012</h2>
<p>Een hele vooruitgang! Er is nu ... enz.</p>
...

Op de knop "Update" zet je als link, als het om dezelfde pagina gaat:

...
<p><a href="#up2">Laatste update!</a></p>
...

Of als het om een andere pagina staat, het hekje met de ID-naam meteen achter de roepnaam van de pagina:

...
<p><a href="updatepagina.htm#up2">Laatste update!</a></p>
...

Bij een nieuwe laatste update verander je dan de link naar de ID van het nieuwe artikel.

In de praktijk. Je vraag hierboven van 14:44 heeft als ID/name de roepnaam "post4339639" (kijk maar na in de broncode van deze pagina). De pagina heet:

www.helpmij.nl/forum/showthread.php/679497-hyperlink-aan-bladwijzer-koppelen.​

Hier is de link:
www.helpmij.nl/forum/showthread.php/679497-hyperlink-aan-bladwijzer-koppelen.#post4339639

Klik op de link, en je wordt vanzelf naar de goede hoogte van deze vraag gescrolld.
(duurt heel even, want 't is een beetje trage pagina).

Is dat wat je bedoelt?
Met vriendelijke groet,
CSShunter
__________
*) Met <h2 name="up2"> ipv <h2 id="up2"> gaat het ook, maar ik vind ID's makkelijker, omdat je daar tegelijkertijd css (en eventueel javascript) aan kunt koppelen.

PS: Je kunt ook de link op de knop met een verwijzing naar #lastUpdate altijd hetzelfde laten; dan hoef je ze niet allemaal apart te nummeren, en hoef je bij een nieuwe update alleen de id="lastUpdate" te verhuizen naar de <h2> van het nieuwe artikel.

 

[newdeep]

Bedankt CSShunter voor je reactie.

Krijg het alleen nog niet voor elkaar
Weet niet echt wat ik wel of niet moet plaatsen en waar in de pagina.
Ik wil op mijn indexpagina http://www.newdeep.nl/index.html in het updateknopje boven "nautischnieuws+links" een hyperlink plaatsen die verwijst naar het laatste artikel met filmpje op http://www.newdeep.nl/nautischnieuws+links_2012.html.
Als ik dan een ander artikel plaats hoef ik alleen de bladwijzer te verplaatsen in de pagina.
Ik hoop dat je aan de hand van mijn pagina's het voor mij wat kan verduidelijken...alvast bedankt.

 

[csshunter]

Hoi Ron,
Op dit moment staat voor het rode "update"-knopje in regel 158 van je broncode:

<td width="152" scope="col">
   <div align="center" class="stijl3">
      <a href="l"></a><img src="Banners/update16.gif" width="44" height="12" />
   </div>
</td>

Daar maak je bijvoorbeeld dit van:

<td width="152" scope="col">
   <div align="center" class="stijl3">
      <a href="nautischnieuws+links_2012.html#laatsteNieuws"><img 
      src="Banners/update16.gif" width="44" height="12" /></a>
   </div>
</td>

Nu gaat de link naar de bladwijzer id="laatsteNieuws" op de pagina nautischnieuws+links_2012.html.

Op deze pagina staat op regel 362:

<p><img src="achtergronden/new009.gif" height="31" width="42"><br>
05-01-2012</p>

Daar zet je nu de bladwijzer-ID bij:

<p id="laatsteNieuws"><img src="achtergronden/new009.gif" height="31" width="42"><br>
05-01-2012</p>

Nu tuft de pagina naar deze hoogte, als je op het rode Update-knopje op de andere pagina klikt.

• Bij een nieuw laatsteNieuws verplaats je dan de id="laatsteNieuws" naar de <p> van het nieuwe laatste nieuws.
• Op de startpagina hoef je niets te veranderen.

Klaar!

=====
Nog makkelijker
Maar als je hetzelfde systeem als op de nieuwspagina van 2011 volgt, d.w.z. het laatste nieuws altijd bovenaan, dan kan het nog veel eenvoudiger.
Dan zet je pal boven de laatste nieuws-paragraaf <p> een verse <p> met alleen de

afbeelding en de ID:

<p id="laatsteNieuws"><img src="achtergronden/new009.gif" width="42" 
height="31" alt="" /></p>

Daaronder zet je dan het eigenlijke nieuws:

<p>05-01-2012</p>
<p>Het eerste item van het nieuwe jaar 2012.<br />
De eerste week van 2012 verloopt herfstig en vooral stormachtig.
... enz.

=====

Bij een nieuw onderwerp zet je dat er dan gewoon boven, net onder het New-figuurtje:

<p id="laatsteNieuws"><img src="achtergronden/new009.gif" width="42" 
height="31" alt="" /></p>

<p>12-01-2012</p>
<p>Geen windturbines bij Den Helder.<br />
Vandaag weet het Noordhollands Dagblad te melden: <em>"Turbinepark voor 
Helderse kust: kansloos"</em>. Dat verbaast me niet/wel, want ... 
... enz.

<hr /><!-- scheidingslijntje -->

<p>05-01-2012</p>
<p>Het eerste item van het nieuwe jaar 2012.<br />
De eerste week van 2012 verloopt herfstig en vooral stormachtig.
... enz.

• Nu hoef je zelfs de bladwijzer niet meer te verplaatsen: die heeft nu een vaste plek, en je kunt er steeds het echte laatste nieuws onder zetten, dan gaat het vanzelf goed.

Met vriendelijke groet,
CSShunter

 

[newdeep]

wederom bedankt voor je reactie.
Ik ga ermee aan de gang.
Je laatste optie klinkt logisch....elke update vind plaats op dezelfde locatie.,,,dus die kan blijven staan.
Mocht ik nog problemen ondervinden...laat ik het weten.
thanx

 

[newdeep]

Het is gelukt.:thumb:

 

[csshunter]

Mooi, ik zie 't!
Je zou op de pagina nautischnieuws+links_2012.html zelf bovenaan ook nog een bladwijzer kunnen zetten, i.p.v. op regel 133:

...
<p><span class="stijl9">2012</span><br />
...

zet je bv.:

...
<p><a href="#laatsteNieuws">Naar laatste nieuws</a> <span class="stijl9">2012</span><br />
...

Dan kunnen mensen die de nieuwspagina gewoon openen, ook makkelijk doorzwiepen als ze dat willen.

Met vriendelijke groet,
CSShunter