JSFiddle - React, Tailwind, and code Playground

by Frank van Puffelen

HTML

<div id="test"/>

JavaScript

$(function() {
    //$('#test').delay(1000).fadeOut();
/*
    new Highcharts.Chart({
        chart: {renderTo: 'chart_page2',type: 'bar'},
        title: {text: 'USD Spent'},
        xAxis: {categories: ['Costs']},
        yAxis: {title: {text: 'Fruit eaten'}},
        series: [1,2,3]
    });
    */
    $.ajax({
        url: "http://apps.vanpuffelen.net/planon/query.jsp?callback=?",
        dataType: "jsonp",
        success: function(result) {
            alert('SQL Executed, result=' + JSON.stringify(result));
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert('Executing SQL failed: ' + textStatus);
        }
    });

    function onQueryResults(data) {
        alert("SQL executed, result=" + data);
    }
    //chart.series[0].addPoint(point, true, shift);
});