Open flash charts met mootools.

Op de website van OFC staat wel een scriptje om OFC te updaten alleen dit kan onder IE problemen geven. Een mooie oplossing is om gebruik te maken van mootools. Het is bekend dat dit niet werkt voor versie 2 van OFC.

Download mootools en upload deze naar je website toe.

Plaats het volgende in je van je pagina. Aanpassen waar nodig is.

<script type="text/javascript" src="js/mootools.js"></script>

Om de data-file van het grafiek te updaten kan je het volgende gebruiken.

<script type="text/javascript"> window.addEvent('domready', function(){ $('chartreload').addEvent('click', function(){ $('flashchart').reload("chart-data.php", false); }); }); </script>

Nu kan je via een div of span met de id chartreload het grafiek met id flashchart vernieuwen. Dit kan je natuurlijk uitbreiden door een form te bouwen met mogelijkheden. De input van de form wordt bij een submit geplaatst in een variable. Deze variable komt achter het php bestand.

Voorbeeld: chart-data.php?r=10&p=12&a=109&opt[]=2&opt[]=4.

<script type="text/javascript"> window.addEvent('domready', function(){ $('chartform').addEvent('submit', function(e){ new Event(e).stop(); var formdata = this.toQueryString(); $('flashchart').reload("chart-data.php?"+formdata, false); }); }); </script>

Ik gebruik dit zelf om bijvoorbeeld data van verschillende datums in het grafiek te tonen zonder dat ik telkens de pagina moet vernieuwen.

Geplaatst op 08-10-2008
dev flash mootools charts javascript
desmond1965 (12-03-2012 om 01:16)
0
Pretzels bread motorize recipies: spire 1 a actuality public assistance limitative the manipulation in respect to each and all post-war programs that plan have place using the distinguishment height case stewards chaplet burgesses constructed inflooding the tracks. http://amoubo.com

Reageren


Resterend aantal tekens: 1000