Question

Problem: Display jquery flot graph in dialog box

I have a page which displays a horizontal bar graph using flot and this is interactive.
When i click on any of the bars, it executes getJSON and with the variables passed, plots another graph in an external php page.
I’m trying to get the graph drawn in the external php page displayed in the jquery dialog box.

Ive been looking everywhere but i’m unable to figure out a solution. Any help is appreciated.

    $.getJSON("page2.php?"+data, function(mdata) {
        $('<div></div>').html(result).dialog({ 
        autoOpen: false, 
        modal: true, 
        title: 'Page Hits - Monthly', 
        width: 450, height: 300 
    }).dialog('open'); 

page 2 is where the graph is drawn and i want to display the graph in the current page inside a dialog box.

Answer 1

maybe try $.get instead of $.getJSON

$.get('page2.php?'+data, function(response){
  $('<div></div>').html(response).dialog({ 
    autoOpen: true, 
    modal: true, 
    title: 'Page Hits - Monthly', 
    width: 450, height: 300 
  });
});