|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/FusionChart/Code/JavaScript/Basics/Events/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FusionCharts XT - Using DataLoadError Event Demo</title>
<link href="../../../assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../../../Charts/FusionCharts.js"></script>
<script type="text/javascript" language="Javascript" src="../../../assets/ui/js/jquery.min.js"></script>
<script type="text/javascript" language="Javascript" src="../../../assets/ui/js/lib.js"></script>
<!--[if IE 6]>
<script src="../../../assets/ui/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
/* select the element name, css selector, background etc */
DD_belatedPNG.fix('img');
/* string argument can be any CSS selector */
</script>
<![endif]-->
<style type="text/css">
h2.headline {
font: normal 110%/137.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 25px 0 25px 0;
color: #7d7c8b;
text-align: center;
}
p.small {
font: normal 68.75%/150% Verdana, Geneva, sans-serif;
color: #919191;
padding: 0;
margin: 0 auto;
width: 664px;
text-align: center;
}
</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<div id="header">
<div class="logo">
<a class="imagelink" href="http://www.fusioncharts.com/" target="_blank">
<img src="../../../assets/ui/images/fusionchartsv3.2-logo.png" width="131" height="75" alt="FusionCharts XT logo" />
</a>
</div><h1 class="brand-name">FusionCharts XT</h1>
<h1 class="logo-text">Using DataLoadError Event</h1>
</div>
<!-- content area -->
<div class="content-area">
<div id="content-area-inner-main">
<p class="text" align="center">This example shows an alert when there is an error while loading data using DataLoadError Event</p>
<div id="messageBox" style="margin-left:100px; margin-right:100px; display:none;"></div>
<p> </p>
<div class="clear"></div>
<div class="gen-chart-render">
<div id="chartContainer">FusionCharts will load here!</div>
<script type="text/javascript"><!--
FusionCharts.debugMode.enabled(function() { console.log(arguments); }, "verbose");
FusionCharts.addEventListener( "DataLoadError", function(evt, args) {
alert ( "Error in loading data error occured in chart having id - " + evt.sender.id );
});
var myChart = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1");
myChart.setXMLUrl("sample-data.xml");
myChart.render("chartContainer");
myChart.addEventListener( "nodatatodisplay", function() {
if ( window.windowIsReady ){
notifyLocalAJAXSecurityRestriction();
}else
{
$(document).ready (function(){
notifyLocalAJAXSecurityRestriction();
});
}
});
// -->
</script>
</div>
<br/>
<div class="clear"></div>
<p> </p>
<p class="small"> </p>
<p> </p>
<div class="underline-dull"></div>
<div>
<p class="highlightBlock">The above sample showcases how to listen to DataLoadError event using JavaScript. Click <a href="../../../../Contents/index.html?JavaScript/API/Events.html#dataloaderror" target="_blank">here</a> to know more on how the code of this example works.</p>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<ul>
<li><a href="../../index.html"><span>« Back to list of examples</span></a></li>
<li class="pipe">|</li>
<li><a href="../../../NoChart.html"><span>Unable to see the chart above?</span></a></li>
</ul>
</div>
</div>
<script type="text/javascript"><!--//
$(document).ready(function() {
window.windowIsReady = true;
showConditionalMessage( "Your browser does not seem to have Flash Player support. A JavaScript chart is rendered instead.", isJSRenderer(myChart) );
});
function notifyLocalAJAXSecurityRestriction()
{
if(isLocal())
{
addConditionalMessage( "<br /><br />"+isLocal()+ " This sample uses data provided as URL. Due to the browser's restriction on JavaScript from accessing local file system owing to security reasons, it is not possible to detect whether the the URL containing the data actually exists or is unaccessible. Hence, DataLoadError event is not raised. NoDataToDisplay event is reaised instead. If you you run the sample from a server, the DataLoadError event will work fine, though.", isJSRenderer(myChart) );
}
}
// -->
</script>
</body>
</html>