Route Lijst koppelen aan Route Viewer

Let op: Dit is een RouteYou+ service. Als je klikt op een route in een Route Lijst, dan kom je default uit op de website van RouteYou. Wens je toch de route in jouw eigen website te laten zien dan kan dat.

Stap voor Stap

Voer de volgende stappen uit (dit is één vorm van implementatie maar er zijn er andere)

  1. Plug een routelijst in op pagina 1 van jouw website met de criteria naar wens. In dit voorbeeld nemen we routes die behoren tot een specifieke groep.
  2. Daar geef je ook de link op van de pagina binnen jouw website waar je die route wenst te zien (dit is natuurlijk een andere pagina dan pagina 1!)
  3. Op pagina 2 plug je de RouteViewer in met een stukje javascript die de id van de te visualiseren route doorgeeft. Die route id komt van stap 1 (als je op het lijstje klikt)!

Route Lijst

Dit is de code die op pagina 1 komt van jouw site:

<script type="text/javascript">
    routeyou_list_width = 256;
    routeyou_list_height = 550;
    routeyou_list_color_background = 'FFFFFF';
    routeyou_list_language = 'nl';
    routeyou_list_group = 1515;
    routeyou_list_link = 'http://www.mywebsite.com/routeview?route=%id%';
</script>
<script id="routeyou_script_id" src="http://ws.routeyou.com/list.js" type="text/javascript"></script>

Eén van de parameters is "routeyou_list_link", daarmee kan je de URL opgeven waar de gebruiker naartoe wordt gestuurd wanneer hij op een route in de lijst klikt. Om ervoor te zorgen dat de juiste route wordt getoond op deze pagina, moet de id van de route doorgegeven worden. Je kan zelf bepalen waar in de URL deze parameter geplaatst wordt. Dit doe je door "%id%" te zetten op de plaats waar de id moet komen.

In ons voorbeeld wordt de id van de route doorgegeven als een GET parameter met de naam "route".

Route Viewer

Op de pagina met de Route Viewer moet je de id van de route terug opvragen. Deze id moet dan als parameter "routeyou_viewer_route" doorgegeven worden aan de Route Viewer.

In ons voorbeeld hebben we dit uitgewerkt met een JavaScript functie (het kan natuurlijk ook met .Net of PHP).

<script type="text/javascript">
function getUrlParameter(name) {
    name = name.replace(/[\[]/, '\\\[').replace(/[\]]/, '\\\]');
    var regex = new RegExp('[\?&]' + name + '=([^&#]*)');
    var results = regex.exec(window.location.href);
    if (results == null) {
        return '';
    } else {
        return results[1];
    }
}
</script>

<script type="text/javascript">
    routeyou_viewer_width = 700;
    routeyou_viewer_height = 410;
    routeyou_viewer_color_background = 'EBE2DD';
    routeyou_viewer_language = 'nl';
    routeyou_viewer_route = getUrlParameter('route');
</script>
<script src="http://ws.routeyou.com/viewer.js" type="text/javascript"></script>

Voorbeeld

Je kan een voorbeeld zien op RouteYou.com.

Er zijn tal van geavanceerde webservices die RouteYou aanbieden die nog meer flexibiliteit toelaten. Neem contact op met sales[at-r.]

© 2006-2019 RouteYou - www.routeyou.com