2016-09-14 60 views
0

在過去的幾天裏,我已經嘗試了很多我在這裏找到的選項,但仍然沒有運氣。Google sheet JSON table feed,根據單元格中的值更改一行的顏色

沒有找到解決方案來獲取JSON feed到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 + ='​​'+ entry [i] ['gsx $ pl'] ['$ t'] +''; –

+0

會取代,而不是追求 – Tom

相關問題