Modal Dialog

Scriptcase 9 Discussion
#1

I have an onHeader event that is to basically display a chart (not SC chart)
The code is a function that call an SC app that calculates and displays a chart. I would like the chart to be a popup modal of only the chart.

Can anyone help with this?

onHeader: <script>
function dispChart(par1, par2){
window.open(’…/DualChart/DualChart.php?AthleteKey=’ + par1 + ‘&EvtCode=’ + par2)
}
</script>

DualChart: <div id=“chart-1”><!-- Fusion Chart will render here–></div>

#2

Let me be more specific as the blank application has the following that renders the screen: <html>
<head>
<title>Chart</title>
<script src="<?php echo sc_url_library(‘sys’,‘fusion’,‘js/fusioncharts.js’); ?>"></script>
</head>
<style>
@import url(‘https://fonts.googleapis.com/css?family=PT+Sans’);

.modal {
position: absolute;
top: 10px;
right: 100px;
bottom: 0;
left: 0;
z-index: 10040;
overflow: auto;
overflow-y: auto;
}

</style>
<body>

<script type=“text/javascript”>
FusionCharts.ready(function(){
var resultsChart = new FusionCharts({
“type”: “<?php echo “”.$charttype.”"?>",
“renderAt”: “chart-1”,
“width”: “550”,

      "dataFormat": "json",
      "dataSource":  &lt;?php echo $JSONdata ?&gt;
});

resultsChart.render();
})
</script>

<div class=“modal” id=“chart-1”><!-- Fusion Chart will render here–></div>
</body>

</html>

#3

Question solved by support