Icon api

Résolu/Fermé
anthonyr_25 Messages postés 165 Date d'inscription mercredi 5 janvier 2022 Statut Membre Dernière intervention 6 juillet 2022 - 11 janv. 2022 à 10:58
anthonyr_25 Messages postés 165 Date d'inscription mercredi 5 janvier 2022 Statut Membre Dernière intervention 6 juillet 2022 - 11 janv. 2022 à 15:14
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 :

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:

2 réponses

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
11 janv. 2022 à 12:14
Bonjour,

L'api te retourne le "nom" des icones qu'openweather utilise...
Si tu veux utiliser d'autres icones.. soit tu les nommes de la même manière .. soit tu utilises des IF/ELSE ( ou un switch case) pour faire correspondre tes icones avec les "noms" retournés par l'api.
1
anthonyr_25 Messages postés 165 Date d'inscription mercredi 5 janvier 2022 Statut Membre Dernière intervention 6 juillet 2022 6
11 janv. 2022 à 15:14
Merci le boss !
0