Am creat un widget care să afișeze imaginea zilei de la NASA.
De fapt e un script care rulează în orice interpretor HTML.
Pentru cine se grăbește, textul HTML e următorul.
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js”></script>
<title>MASA APOD</title>
</head>
<body>
<script>
var url = “https://api.nasa.gov/planetary/apod?api_key=NNKOjkoul8n1CH18TWA9gwngW1s1SmjESPjNoUFo”;
$.ajax({
url: url,
success: function(result){
if(“copyright” in result) {
$(“#copyright”).text(“Image Credits: ” + result.copyright);
}
else {
$(“#copyright”).text(“Image Credits: ” + “Public Domain”);
}
if(result.media_type == “video”) {
$(“#apod_img_id”).css(“display”, “none”);
$(“#apod_vid_id”).attr(“src”, result.url);
}
else {
$(“#apod_vid_id”).css(“display”, “none”);
$(“#apod_img_id”).attr(“src”, result.url);
}
$(“#reqObject”).text(url);
$(“#returnObject”).text(JSON.stringify(result, null, 4));
$(“#apod_explaination”).text(result.explanation);
$(“#apod_title”).text(result.title);
}
});
</script>
<h3 id=”apod_title”></h3>
<img id=”apod_img_id” width=”300px”/>
<iframe id=”apod_vid_id” type=”text/html” width=”640″ height=”385″ frameborder=”0″></iframe>
<p id=”copyright”></p>
<a href=”https://apod.nasa.gov/apod/astropix.html”>More to read…</a>
<br/>
</body>
</html>
Amatorismul meu în materie de HTML și Java a înfrânt din nou, ca și în articolul acesta, dar nu am avut încotro. Am căutat tot internetul pentru un widget original, făcut de alții, dar nu există. Cele 2 din wordpress nu funcționează. Au mers odată, dar s-au oprit. Nu mai merg.
Sursa de energie am găsit-o tot pe site-ul NASA, la open API, și cu puțin ajutor și mult trial and error, am pus laolaltă textul de mai sus.
Aici este punctul de plecare. Scriptul folosește un API KEY demo, dar te rog să ceri unul personalizat de aici și să îl schimbi. Înlocuirea se face în linia aceasta:
Finalul arată ca în widgetul din dreapta, iar imaginea se schimbă la fiecare interogare, conform cu cea publicată de NASA în ziua respectivă.