問題があるのは、円グラフから一連のドロップダウンのポイントに到達するとトリガーされる iframe からのテーブル情報を含むダイアログモーダルを追加することです。ビュー自体からポイントに到達すると、ダイアログは正常に機能し、移動して終了し、中央に配置されます。親ビューに追加すると、ダイアログはカーソルを可動として表示しますが、可動ではありません。
これは、iframe を親ページに追加するために使用している JavaScript です。しかし、ポジショニングを機能させることができないようであり、真のダイアログモーダルとして機能させることができないようです。
これは、iframe を親ページにプルするために使用している div です。
<div id="chartsright">
<iframe id="inventory_charts" frameborder="0" align='center' src="<?php echo
site_url('sales_diagnostics/inventory_charts');?>" class="charts"
scrolling="no"></iframe>
</div>
これは、親ページに追加するためにフレーム ページ自体で使用している PHP/Javascript です。
<?php
if(isset($popup_div))
{
echo "$(function() {
$( \"#dialog\" ).dialog(
{
minWidth: 1000,
appendTo: parent.document.getElementById('chartsright'),
position: {
\"in\": $('.inventory')
}
});
});";
}
?>