Introductie

Greybox is een javascript-library die toelaat om elementen weer te geven bovenop een bestaande pagina. De rest van de pagina wordt lichtjes gedimd, wat ervoor zorgt dat de aandacht van de gebruiker niet wordt afgeleid naar iets anders.

Er zijn verschillende alternatieven voor Greybox die allemaal een gelijkaardige techniek toepassen.
Alternatieven : lightwindow, lightbox, ...

Greybox is een product van Orangoo Labs.

Greybox Installeren

Navigeer naar de site van Greybox om greybox te installeren.

We geven hier geen verdere instructies omdat die kunnen wijzigen wanneer nieuwe versies verschijnen.

GeoPortaal Installeren

Om GeoPortaal in een greybox te tonen hebben we een pagina nodig die énkel de portaal toont.  Hoe je deze pagina maakt heeft geen belang.  Een van de mogelijkheden is een afzonderlijk html bestand aanmaken op je webserver met als enige inhoud het script om de portaal te openen :

<script type="text/javascript">
geoportaal_niscode       = "vilvoorde";
geoportaal_startupmodule = "iow";
geoportaal_bgcolor       = "FFFFFF";
</script>  
<script src="http://www.geoportaal.be/syndication/toonportaal.js"> </script>

We veronderstellen dat de link naar deze pagina http://www.site.be/content/geoportaal.html is.

Om de portaal te openen in een greybox kan je deze link opnemen in een content-pagina :

<a href="http://www.site.be/content/geoportaal.html" rel="gb_page_center[780,620]">
Open Portaal</a>