html yahoo股票在两个DIV'

时间:2016-08-01 07:04:09

标签: javascript jquery html css

Hi stack overflow master。

我找到了一个允许我从雅虎获取股票信息的脚本。 但是当我在不同的DIV中使用它时,只有其中一个工作, 我试图修复它(不是程序员=(),我似乎不知道是什么问题,并不知道如何找到解决方案。

代码发现ytml股票为html +我在div加载运行功能后添加了一个检查器:

<div class="table-box"> 
        <div class="table-detail"> 
            <img width="159px" src="http://patrickcoombe.com/wp-content/uploads/2015/09/new-google-logo-2015.png" />
        </div>             
        <div class="table-detail"> 
            <p class="text-muted m-b-0 m-t-0">GOOGLE</p>
            <h4 class="m-t-0 m-b-5"><b><div id='GOOGstock'>$</div></b></h4> 
            <script type="text/javascript">
                function GOOGstock() {
                    var url = "http://query.yahooapis.com/v1/public/yql";
                    var symbol = "GOOG";
                    var data = encodeURIComponent("select * from yahoo.finance.quotes where symbol in ('" + symbol + "')");

                    $.getJSON(url, 'q=' + data + "&format=json&diagnostics=true&env=http://datatables.org/alltables.env")
                        .done(function (data) {
                        $("#GOOGstock").text("Stock Price: " + "$" + data.query.results.quote.LastTradePriceOnly);
                    })
                        .fail(function (jqxhr, textStatus, error) {
                        var err = textStatus + ", " + error;
                        $("#GOOGstock").text('Request failed: ' + err);
                    });
                }

                var int=setInterval('check()', 500);
                function check()
                {
                   if (chkObject('GOOGstock')==true)
                   {
                    GOOGstock();
                   }
                }

                function chkObject(elemId)
                {
                   return (document.getElementById(elemId))? true : false;
                }
            </script>
        </div>                        
    </div>

单独地它运作良好,但当我添加另一个div(将此脚本复制到其他表并将GOOG更改为INTC股票以显示2个不同的股票出价), 然后它只适用于html代码中最后一个。

  

屏幕截图 - screenshot of the two DIV's created for yahoo stock

如何让它在不同地方的不同地方的1页工作。 我想制作&#34; INTC&#34; &安培; &#34; GOOG&#34;库存仅显示出价。

提前谢谢大家。

1 个答案:

答案 0 :(得分:0)

从您告诉我们的情况来看,您似乎并没有在任何地方取代它。 像

<div id='GOOGstock'>$</div></b></h4>

如果我将其更改为'INTCstock,我将需要更改

if (chkObject('INTCstock')==true)
               {
                INTCstock();
               }

$("#INTCstock").text("Stock Price: " + "$" + data.query.results.quote.LastTradePriceOnly);

$("#INTCstock").text('Request failed: ' + err);

这是一个工作小提琴 https://jsfiddle.net/BoyWithSilverWings/5a5r20L2/