2014-03-05 67 views
2

我有一个正常jfiddle例子中,我只是在寻找调整它,但我很为难...... 我对这个jfiddle一个问题的两个部分:http://jsfiddle.net/maxmillien/qPVSy/查找历史雅虎财经报价价格

部分1)有没有一种方法可以在每次搜索完成后清除搜索? 示例:我的引用是“GOOG”和随机日期范围。但接下来,我想搜索另一个报价,说“AAPL”是否有一种方法可以清除/删除之前搜索“GOOG”的前一个价格&日期。

第2部分)有没有一种方法可以防止在同一日期的双击? 示例:搜索过去两周...但点击按钮两次,你会看到相同的日期&价格显示。我想阻止这种情况发生。

这里是代码:

var yqlURL="http://query.yahooapis.com/v1/public/yql?q="; 
var dataFormat="&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys"; 

$(function() { //Load jQueryUI DatePicker by class name 
    $(".datePick").datepicker({dateFormat: 'yy-mm-dd'}); 
}); 

$("#submit").click(function() { 
    var symbol = $("#txtSymbol").val(); 
    var startDate=$("#startDate").val(); 
    var endDate=$("#endDate").val(); 

    var realtimeQ = yqlURL+"select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22" + symbol + "%22)%0A%09%09&"+ dataFormat; 
    var historicalQ = yqlURL+"select%20*%20from%20yahoo.finance.historicaldata%20where%20symbol%20%3D%20%22"+ symbol +"%22%20and%20startDate%20%3D%20%22"+ startDate +"%22%20and%20endDate%20%3D%20%22"+ endDate +"%22"+ dataFormat; 

    $(function() { 
     $.getJSON(realtimeQ, function(json) {//YQL Request 
      $('#symbol').text(json.query.results.quote.Name);//Assign quote.Param to span tag 
      $('#bidRealtime').text(json.query.results.quote.BidRealtime); 
     }); 
    }); 
    $(function() { 
     $.getJSON(historicalQ, function(json) {    
      $.each(json.query.results.quote, function(i, quote) {//loop results.quote object 
       $("#date").append('<span>' + quote.Date + '</span');//create span for each record 
      });    
      $.each(json.query.results.quote, function(i, quote) { //new each statement is needed 
       $("#closeValue").append('<span>' + quote.Close + '</span'); 
      }); 
     }); 
    }); 
}); 
+0

只是检查你是否看到我的答案呢? :) – prouvaire

+0

是的,谢谢你! – antivinegar

回答

1

第1部分),您可以将$.click()于单击#inputSymbol复选框并清除使用.val('')文本。如果你愿意,你可以将$.click()附加到x符号或其他东西。

部分2)为防止双击,就可以第一次点击后禁用按钮,然后再次启用该按钮一旦某个字段输入。 $("#submit").attr("disabled","disabled");然后$("#submit").removeAttr("disabled");

$("#txtSymbol").click(function() { $("#txtSymbol").val(''); // part 1 this.enableSubmit; // part 2 });

var enableSubmit = function() { $("#submit").removeAttr("disabled"); }

JSFiddle here