Показать сообщение отдельно
  #1 (permalink)  
Старый 04.04.2015, 18:18
Новичок на форуме
Отправить личное сообщение для 2K2L Посмотреть профиль Найти все сообщения от 2K2L
 
Регистрация: 04.04.2015
Сообщений: 1

Разработка с помощью Jquery. Скрипт смены иконки погоды
По аналогии с 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("Ошибка при получении погоды!")}
	}); 
};


но с получением информации с другого сервера.
Смена информации на главной странице работает, однако не отображается иконка текущей погоды.
Лично мне проблема не ясна, т.к. делалось по аналогии, пути правильные. В чем может быть проблема?
Ответить с цитированием