2016-08-01 14 views
0

こんにちはスタックオーバーフローマスター。html yahoo株は2つのDIVで働いていません

私はyahoo、株情報から得ることができるスクリプトを見つけました。 しかし、私は別のDIVでそれを使うときには、 私はそれを修正しようとしましたが(プログラマーではなく)、何が問題なのか分かりません。 。

コードは、HTMLのためのヤフーの株式を見つけた+私はdivの負荷run関数の後にチェッカーを追加しました:

<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> 

は個別にそれが良いworkesが、私は別のdivを追加するときに、他のテーブルにあるよう(このスクリプトを複製しますGOOGをINTC株に変更して2種類の株価を表示する)、 これはHTMLコードの最後に表示されるものに対してのみ機能します

スクリーンショット - screenshot of the two DIV's created for yahoo stock

どのように私はそれが異なる銘柄のために異なる場所に1ページで動作させることができます。 私は "INTC" & "GOOG"を入札価格のみを表示するようにしたいと考えています。

ありがとうございます。

答えて

0

私たちに言っていることから、あなたが必要とするどこでもGOOGを置き換えていないようです。私はINTCstock」にこれを変更した場合

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

と同じように、私はここで

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

そして

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

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

を変更する必要があります作業フィドルは、あなたが正しい https://jsfiddle.net/BoyWithSilverWings/5a5r20L2/

+0

ですしかし、それは事ではなく、私はすべてのものを変えました。 コードには2つの異なるトップDIVとセーブコードがありますが、唯一の違いは他の "GOOG"で "INTC"を使用している –

+0

作業フィルドを追加しました –

+0

ありがとうございます:)それはあなたがしたことを学ぶでしょう。あなたは素晴らしいです:) –

関連する問題