JavaScript 関数を使用してタブのコンテンツをロードし、タブ ヘッダーがクリックされたときにその関数を呼び出して、これらの各タブに同様の JavaScript コードを埋め込むのではなく、渡す必要のあるパラメーターを渡すことはできますか? 5 つの異なるタブがあり、各タブでグラフ作成ソフトウェアを使用してグラフを表示したいと考えています。このグラフ作成ソフトウェアの問題点は、ブラウザーで画像をレンダリングするために JavaScript が必要なことです。
以下は、1 つのグラフをレンダリングして表示するために必要な 2 つのスクリプトの例です。スクリプトごとに変更されるのは、.xml と .swf だけです。このコードは、前に述べたように、すべてのチャートで似ているため、可能であれば関数を介して呼び出したいと考えています。
<div id="chartdiv">Chart Data.</div>
<div id="fcexpDiv" align="right">FusionCharts Export Handler Component</div>
<script type="text/javascript">
var myChart = new FusionCharts("Column3D.swf", "myChartId", "500", "300", "0", "1");
myChart.setXMLUrl("Data_EXPORT.xml");
myChart.render("chartdiv");
</script>
<script type="text/javascript">
var myExportComponent = new FusionChartsExportObject("fcExporter1", "FCExporter.swf");
myExportComponent.Render("fcexpDiv");
</script>
IE: ご参考までに、グラフ作成ソフトウェアは FusionCharts です