Icon api
Résolu
anthonyr_25
Messages postés
172
Statut
Membre
-
anthonyr_25 Messages postés 172 Statut Membre -
anthonyr_25 Messages postés 172 Statut Membre -
Bonjour,
Alors voila j'aimerais remplacer les icon de base de l'api openweather avec d'autres icon sans avoir à les remplacer un à un ...
Voila ou j'en suis :
Pouvez vous m'aidez ?
(Jordane j'ai rien trouver sur le net et pourtant jte jure j'ai cherché haha)
Alors voila j'aimerais remplacer les icon de base de l'api openweather avec d'autres icon sans avoir à les remplacer un à un ...
Voila ou j'en suis :
document.getElementById("resultat").style.visibility = "hidden";
var callBackGetSuccess = function(data) {
console.log("donnees api", data)
//alert("Meteo temp : " + data.main.temp);
var element = document.getElementById("zone_meteo");
let queryLoc = document.getElementById("queryLoc").value;
let newContent = document.createTextNode(queryLoc + " " + data.main.temp + " C° " + data.weather[0].main);
element.appendChild(newContent);
/* voila par quoi j'aimerai remplacer mes icon traditionnel */
//const icon = `https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/${
weather[0]["icon"]
}.svg`;
/* voila mon code fonctionnel avec les icon traditionnel */
var iconcode = data.weather[0].icon;
var iconurl = "http://openweathermap.org/img/w/" + iconcode + ".png";
$('#wicon').attr('src', iconurl);
document.getElementById("resultat").style.visibility = "visible";
}
function buttonClickGET(){
var queryLoc = document.getElementById("queryLoc").value;
var url = "https://api.openweathermap.org/data/2.5/weather?q="+queryLoc+"&appid=c21a75b667d6f7abb81f118dcf8d4611&units=metric";
$.get(url, callBackGetSuccess).done(function(){
//alert( "second success" );
})
.fail(function(){
alert( "error" );
})
.always(function(){
//alert( "finished" );
});
}
Pouvez vous m'aidez ?
(Jordane j'ai rien trouver sur le net et pourtant jte jure j'ai cherché haha)
Configuration: Windows / Chrome 96.0.4664.110
A voir également:
- Icone vogue pro bloqué
- Code puk bloqué - Guide
- Icone - Guide
- Clé windows 10 pro 64 bits gratuit - Guide
- Téléphone bloqué code verrouillage - Guide
- Pavé tactile bloqué - Guide