'Lees meer' link, met layer ?

[Gook]

Het volgende wat ik wil hebben is het volgende
ga naar http://users.telenet.be/judoopwijk
klik op bij Izegem -15 op Verslag + foto's

Het ding is, als de mensen het verslag willen lezen moeten ze het openen via word.
Nu zou ik willen dat die afbeelding van word vervangen wordt door 'Lees verslag', wanneer men daarop klikt dat het verslag tevoorschijn komt in dezelfde pagina. Dus ook niet gewoon een nieuwe pagina oproepen waar het verslag er wel instaat.

Ik heb het al geprobeerd met een layer maar het is nog niet direct gelukt. De layer staat erin met het verslag erin maar staat verborgen.
Ik kan hem wel tevoorschijn krijgen maar niet op de juiste positie, en het overlapte ook de afbeeldingen.De afbeeldingen (zitten in een tabel) zouden dan mee moeten opschuiven naar onder. De link is nu verwijderd aangezien de bezoekers anders niet weten wat er zou gebeuren .

Iemand dat me kan verder helpen?
Alvast bedankt!

 

[Damiaan]

In HTML zou je dat met javascript moeten doen, daar heb ik zelf niet echt ervaring mee, maar je kan het ook met PHP doen, en dan weet ik wel hoe het moet

Ik weet niet of je PHP ook goed vind, dan kan ik namelijk even een code voor je maken

Succes

Damiaan Reijnaers

 

[Gook]

Dan zal ik eens zoeken achter een javascript.
Php zou ik goed vinden aangezien ik daar in de zomer mijn site mee ga ombouwen. nu nog iets te vroeg dus. je mag het altijd schrijven natuurlijk, heb ik het al . maar zeker geen verplichting!

alvast bedankt!

 

[Damiaan]

Hier is de PHP code, ik heb het wat vereenvoudigd voor je, en ik heb een eenvoudig voorbeeld op:

http://voorbeelden.kermis-freak.nl/voorbeeld1.php

Ik heb daar even die foto's gebruikt, als je daar bezwaar tegen hebt moet je dat even zeggen, dan haal ik ze eraf!

Hier de bovenkant van je site (banners enzo), tot aan het stukje waar je het verslag wilt laten beginnen
<?php
if($_GET[readmore] == yes) {
?>
Hier het verslag, alleen  het verslag<br>
<a href="voorbeeld1.php?readmore=no">Lees minder</a><br>
<?php
} else {
?>
<a href="voorbeeld1.php?readmore=no">Lees meer</a>
<?php
}
?>
Hier de foto's

De lees meer oproepen doe je door dit te doen:

<a href="pagina.php?readmore=yes">Lees meer</a>

 

[Gook]

Heel erg bedankt! Code ga ik binnen enkele maanden zeker gebruiken en uittesten!

Ik heb het antwoord gevonden, het was idd via een javascript.

http://www.willmaster.com/blog/css/show-hide-floating-div.php

 

[ErikBooy007]

Dhtml

Wat je ook kunt doen is het volgende:

Je zet je verborgen gedeelte in <div>-tags.

Bijv zo:

<div id="hiddenPart" style="display: none">
Hier je verborgen content
</div>

Voor je link gebruik je dan:

<a href="javascript: showHide('hiddenPart')">Lees Meer...</a>

en dan nog een heel klein stukje javascript:

<script language="JavaScript">
function showHide(target){
if(document.getElementById(target).style.display = 'none'){
  document.getElementById(target).style.display = 'block';
  } else {
  document.getElementById(target).style.display = 'none';
}
</script>

Ik heb het zelf vaan gebruikt bij menu's en dergelijke. Het mooie van dit stukje DHTML is dat het 'reusable' is.

Je kunt nu elke <div> laten verschijnen / verdwijnen.

 

[ErikBooy007]

Ik zie nu net pas dat je dat al had gevonden op een andere website...:thumb: