livedoor Weather HacksとYahoo Pipesを

質問

livedoor Weather HacksとYahoo Pipesを使い、1都3県の天気情報を表示するサイトを作成しようとしています。

http://ascii.jp/elem/000/000/438/438132/index-3.html

上のサイトを参考にして、以下のソースを書きましたが、今日の最低気温に表示されるnull値を「--」というテキストで表示したいと思っています。

<script type="text/javascript">
function checkWeather() {
var city = $('#city').val();
var day = $('#day').val();
$.getJSON(
"http://pipes.yahoo.com/pipes/pipe.run?_id=0a34ac7ebe72b71b9ed8e3e257dced89&_render=json&city=" + city + "&day=" + day + "&_callback=?",
function(data) {
var item = data.value.items[0];
var wdate = new Date(item.forecastdate);
var html;
html = '<p>';
html += item.telop + ' ' + '<img src="' + item.image.url + '" width="' + item.image.width + '" height="' + item.image.height + '" /><br /><br />';
html += '最高' + item.temperature.max.celsius + '℃ / ' + '最低' + item.temperature.min.celsius + '℃<br /><br />';
html += '（' + (pdate.getMonth() + 1) + '月' + pdate.getDate() + '日' + pdate.getHours() + '時' + pdate.getMinutes() + '分発表' +')<br /><br />';
html += '</p>';
$('#weather').html(html);
console.log(item);
}
);
}
</script>

何分知識が乏しいので、どこにどの様な構文を挿し込めば良いのか、さっぱり分かりません。

何とか教えていただけないでしょうか？

回答No.1

yyr446 · ベストアンサー

ここまで出来ているんなら

途中省略

html += '最高' + item.temperature.max.celsius + '℃ / ' + '最低'
+ ((item.temperature.min.celsius==null)?'－':item.temperature.min.celsius
+ '℃<br /><br />');

後省略

お礼

ご親切に教えていただき、本当にありがとうございました。

おかげさまで、

html += '最高' + item.temperature.max.celsius + ' ℃ / ' + '最低'
+ ((item.temperature.min.celsius==null)?'---':item.temperature.min.celsius)
+ ' ℃<br /><br />';

で希望通りの出力ができるようになりました。

お礼が遅くなり、申し訳ありませんでした。

回答No.2

fujillin

htmlの内容を作成する前に（hrml = '<p>'の直前にでも）、

　item.temperature.max.celsius = item.temperature.max.celsius?item.temperature.max.celsius:"--";
　item.temperature.min.celsius = item.temperature.min.celsius?item.temperature.min.celsius:"--";

変数が長いので、他のものに置き換えてもよいかも…

なお、ご提示のコードのままだと2箇所でエラーになります。
・pdateが未定義
・consoleが未定義

お礼

ご親切、ありがとうございました。

教えていただいた構文を、html = '<p>'; の直前に配置してみましたが、「文字が間違っています」というエラーが表示されるようになり、私の知識では対処できませんでしたので、今回は別回答の方法にて対応させていただきました。

なお、pdateやconsoleのエラーは、ご指摘いただいて助かりました。

IEのオプションで表示させない設定にしていたので全く気がついていませんでしたorz

こちらの方は、

console.log(item);

の行を試しに削除してみたら、表示されなくなりました（調べてみて分かりましたが、console.log()は、IEでは使えないコマンドの様ですね。）。

お礼が遅れ、すみませんでした。