2016-09-14 19 views
0

ここ数日で私の頭を壊して、ここで見つけた多くのオプションを試しましたが、まだ運がありません。GoogleシートJSONテーブルフィード、セル内の値に応じて行の色を変更する

ここでJSONフィードをHTMLページに取得する解決策が見つかりました;-)どちらが素晴らしいですか!!! 私はこの作業を得るためにかなり初心者なので、啓示だった、それは良い感じ人:

とにかく、私の質問;

私はこのJavaScript持っている:

var spreadsheetID = "1YUKom7FNEvxqSlQiSao_aLEcC0cLVyg5xmBv-JsaIUs"; 

var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/od6/public/values?alt=json"; 

$.getJSON(url, function(data) { 

    var html = ''; 

    html += '<table cellpadding=2 cellspacing=0 border=0 width=100% id=table_id>'; 
    html += '<tr>'; 
    html += '<td>Date</td>'; 
    html += '<td>Currency Pair</td>'; 
    html += '<td>Buy/Sell</td>'; 
    html += '<td>Stop-Loss</td>'; 
    html += '<td>Amount</td>'; 
    html += '<td>Price</td>'; 
    html += '<td>Closing Price</td>'; 
    html += '<td>P/L</td>'; 
    html += '<td>PIP</td>'; 
    html += '<td>P/L US$</td>'; 
    html += '<td>P/L EURO</td>'; 
    html += '<td>Entry Time</td>'; 
    html += '<td>Exit Time</td>'; 
    html += '</tr>'; 

    var entry = data.feed.entry; 
    for (var i = 0; i < entry.length; i++) { 
    html += '<tr>'; 
    html += '<td>' + entry[i]['gsx$date']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$pair']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$bs']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$sl']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$amount']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$price']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$closeprice']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$pip']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$plusd']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$pleuro']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$entry']['$t'] + '</td>'; 
    html += '<td>' + entry[i]['gsx$exit']['$t'] + '</td>'; 
    html += '</tr>'; 
     } 
    html += '</table>'; 

    $('.console').html(html); 
}); 

をそして、これは私が探していますどのようなHTML

<!DOCTYPE html> 
<html > 
<head> 
<meta charset="UTF-8"> 
<title>...</title> 
</head> 

<body> 

<div class="console"></div> 

<script src="js/index.js"></script> 

</body> 
</html> 

であることは、この行の値

html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>'; 

は値が含まれている場合全体の行が赤く変わる " - €"を持っています。

ここに誰でも私を助けることができる場合は、事前に感謝します。

答えて

0

シンボルを確認するために、特定の行の周りに条件を設定したいだけです。

if (entry[i]['gsx$pl']['$t'].indexOf("-€") !== -1) { 
    // Has the symbol 
    html += '<td style="background-color: #600;">' + entry[i]['gsx$pl']['$t'] + '</td>'; 
} else { 
    // Doesn't have symbol 
    html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>'; 
} 
+0

こんにちはトム、あなたの返信ありがとう:)このビットはこれの直後に行くのですか? html + = '​​' +エントリ[i] ['gsx $ pl'] ['$ t'] + ''; –

+0

置き換えられる、続かない – Tom

関連する問題