2011-05-05 62 views
0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" type="text/css" href="finance.css"/> 
<link rel="stylesheet" type="text/css" href="styles.css" /> 
<script type="text/javascript" src="prototype.js"></script> 
<script type="text/javascript" src="scriptaculous.js"></script> 
<script type="text/javascript" src="base64.js"></script> 
<script type="text/javascript" src="canvas2image.js"></script> 
<script type="text/javascript" src="canvastext.js"></script> 
<script type="text/javascript" src="excanvas.js"></script> 
<script type="text/javascript" src="flotr.js"></script> 
<script type="text/javascript" src="HumbleFinance.js"></script> 
<script type="text/javascript" src="prettify.js"></script> 
<script type="text/javascript"> 
var priceData=[]; 
var dateData=[]; 
var NewdateData = []; 
var NewData=[]; 
    var date1 ; 
    var date2; 

    function callMe() 
    { 
    alert('dddw'); 
    } 

function drawChart(data) 
    { 
     for (var i = 0; i < data.jobs.length; i++) { 
      priceData.push([i, data.jobs[i].INCPU]); 
      dateData.push(data.jobs[i].Dater); 

      } 

     HumbleFinance.init('finance', priceData , dateData); 



     Event.observe(HumbleFinance.containers.summary, 'flotr:select', function (e) { 

       var area = e.memo[0]; 
       xmin = Math.floor(area.x1); 
       xmax = Math.ceil(area.x2); 

       date1 = dateData[xmin]; 
      date2 = dateData[xmax]; 

       $('dateRange').update(dateData[xmin] + ' - ' + dateData[xmax]); 




    alert(date1); 
    alert(date2); 

    This two alerts are being called continously . 




      } 
      ); 
    } 

Event.observe(document, 'dom:loaded', function() { 
    new Ajax.Request('/HumblFin/Serv', 
      { 
      method:'get', 
      onSuccess: function(transport){ 

     var data = transport.responseText.evalJSON(); 

      drawChart(data); 
       }, 
      onFailure: function(){ alert('Something went wrong...') } 
      }); 

    }); 



    </script> 
</head> 

    <body> 
<form id="sample"> 

<div id="finance"> 



<div id="dateRange"> 

</div> 

</div> 
</form> 
</body> 
</html> 

DIV的日期范围正在更新一次,但两个警报被连续执行 请帮助(如div标签,我想我的警示也想一次)代码执行汽车无

回答

0

这听起来像自定义事件'flotr:select'正在不断发射。

看着有限的代码提供,我怀疑更新'dateRange'元素正在触发'flotr:select'事件。

如果您有萤火虫或谷歌浏览器,请在代码中加入一个断点并检查调用堆栈。