Friday, January 23, 2009

Beurskoersen Widgets

Eigenschappen van deze widget
Gebruik
Om het koersverloop van een andere onderliggende waarde te zien, klik je bovenaan de widget op de naam van de actuele onderliggende waarde en kies je je nieuwe aandeel of index door op de gewenste link te klikken in de lijst die je nu te zien krijgt.
Opmerking: Deze widget maakt gebruik van een zeer nieuwe technologie waarbij de (Flash) grafieken, 'on the fly' worden opgemaakt door het uitvoeren van JavaScript functies. Er is nog heel wat werk aan de winkel wanneer je ziet dat de grafieken soms verdwijnen bij het scrollen. Het ligt in onze bedoeling om binnenkort deze technologie te vervangen door pure JavaScript waardoor de widget veel stabieler zal worden.
Je kan deze widget toevoegen aan je iGoogle pagina of insluiten in een webpagina.
De Google homepage van deze widget vind je hier
Toepassing
Indien gewenst vervangen wij ons logo onderaan door jouw logo. Zo verkrijg je je eigen, gepersonaliseerde widget die je op je blog of website kan plaatsen en zelf kan beginnen verspreiden.
Werking
Een server applicatie zorgt ervoor dat bij elke nieuwe aanvraag een heel complex xml object wordt opgehaald bij Yahoo finance dat vervolgens wordt omgezet in een veel eenvoudiger JSON object dat naar de widget wordt doorgestuurd.
Aan de voorzijde van de widget zorgt een JavaScript ervoor dat de HTML structuur van de widget wordt opgebouwd en dat de juiste JSON data d.m.v. een asynchrone (AJAX) aanvraag wordt opgehaald van de server. Tenslotte wordt de data in dit JSON object doorlopen en geïnjecteerd in de HTML code. De knoppen waarmee naar links en rechts wordt genavigeerd voeren op hun beurt ook weer JavaScript opdrachten uit waarmee bepaalde zichtbare blokken worden verborgen terwijl andere juist wel zichtbaar worden gemaakt.
Technologie Server
Technologie Widget
Bron van de data

No comments:

Post a Comment