По аналогии с
http://devcolibri.com/4016
был написан код
function setWeather(data){
var path = "../weather-icons/";
var icon = "";
document.getElementById('temp').innerHTML = data.current_observation.temp_c + " C°";
document.getElementById('humidity').innerHTML = data.current_observation.relative_humidity;
document.getElementById('pressure').innerHTML = data.current_observation.pressure_mb + " mb";
document.getElementById('wind_speed').innerHTML = data.current_observation.wind_kph + " км/ч";
var icon_id = data.current_observation.weather;
switch(icon_id){
case("Clear"):
icon = "Sunny";
break;
case("Haze"):
icon = "SunnyInterval";
break;
case("Cloudy"):
icon = "Cloudy";
break;
case("Flurries"):
icon = "Hail";
break;
case("Fog"):
icon = "Fog";
break;
case("Mostly Cloudy"):
icon = "SunnyInterval";
break;
case("Mostly Sunny"):
icon = "SunnyPeriod";
break;
case("Partly Cloudy"):
icon = "Cloudy";
break;
case("Partly Sunny"):
icon = "SunnyInterval";
break;
case("Freezing Rain"):
icon = "LighShowers";
break;
case("Rain"):
icon = "Rain";
break;
case("Sleet"):
icon = "Hail";
break;
case("Snow"):
icon = "Snow";
break;
case("Sunny"):
icon = "Sunny";
break;
case("Thunderstorms"):
icon = "Thunderstorms";
break;
case("Thunderstorm"):
icon = "Thunder";
break;
case("Overcast"):
icon = "Overcast";
break;
case("Scattered Clouds"):
icon = "Cloudy";
break;
}
$('#weather-icon').css({"background": "url("+path+icon+".png) no-repeat center"});
};
function getWeather(){
$.ajax({
url: "http://api.wunderground.com/api/af901023c3a82a86/conditions/q/RU/Kungur.json" ,
dataType: "jsonp",
contentType: "application/json ",
success: function(data){
setWeather(data);
},
error: function(){alert("Ошибка при получении погоды!")}
});
};
но с получением информации с другого сервера.
Смена информации на главной странице работает, однако не отображается иконка текущей погоды.
Лично мне проблема не ясна, т.к. делалось по аналогии, пути правильные. В чем может быть проблема?