{"id":1874,"date":"2019-02-27T08:00:00","date_gmt":"2019-02-27T06:00:00","guid":{"rendered":"http:\/\/racov.ro\/?p=1874"},"modified":"2019-12-22T09:57:51","modified_gmt":"2019-12-22T07:57:51","slug":"nasa-astronomy-picture-of-the-day-widget","status":"publish","type":"post","link":"https:\/\/racov.ro\/index.php\/2019\/02\/27\/nasa-astronomy-picture-of-the-day-widget\/","title":{"rendered":"NASA Astronomy Picture Of The Day Widget"},"content":{"rendered":"

Am creat un widget care s\u0103 afi\u0219eze imaginea zilei<\/a> de la NASA.
\nDe fapt e un script care ruleaz\u0103 \u00een orice interpretor HTML.<\/p>\n

Pentru cine se gr\u0103be\u0219te, textul HTML e urm\u0103torul.<\/p>\n

<!DOCTYPE html><\/span>
\n<html><\/span>
\n<head><\/span>
\n<meta charset=”utf-8″><\/span>
\n<script src=”https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.3\/jquery.min.js”><\/script><\/span>
\n<title>MASA APOD<\/title><\/span>
\n<\/head><\/span>
\n<body><\/span>
\n<script><\/span>
\nvar url = “https:\/\/api.nasa.gov\/planetary\/apod?api_key=NNKOjkoul8n1CH18TWA9gwngW1s1SmjESPjNoUFo”;<\/span><\/p>\n

$.ajax({<\/span>
\nurl: url,<\/span>
\nsuccess: function(result){<\/span>
\nif(“copyright” in result) {<\/span>
\n$(“#copyright”).text(“Image Credits: ” + result.copyright);<\/span>
\n}<\/span>
\nelse {<\/span>
\n$(“#copyright”).text(“Image Credits: ” + “Public Domain”);<\/span>
\n}<\/span><\/p>\n

if(result.media_type == “video”) {<\/span>
\n$(“#apod_img_id”).css(“display”, “none”); <\/span>
\n$(“#apod_vid_id”).attr(“src”, result.url);<\/span>
\n}<\/span>
\nelse {<\/span>
\n$(“#apod_vid_id”).css(“display”, “none”); <\/span>
\n$(“#apod_img_id”).attr(“src”, result.url);<\/span>
\n}<\/span>
\n$(“#reqObject”).text(url);<\/span>
\n$(“#returnObject”).text(JSON.stringify(result, null, 4)); <\/span>
\n$(“#apod_explaination”).text(result.explanation);<\/span>
\n$(“#apod_title”).text(result.title);<\/span>
\n}<\/span>
\n});<\/span>
\n<\/script><\/span>
\n<h3 id=”apod_title”><\/h3><\/span>
\n<img id=”apod_img_id” width=”300px”\/><\/span>
\n<iframe id=”apod_vid_id” type=”text\/html” width=”640″ height=”385″ frameborder=”0″><\/iframe><\/span>
\n<p id=”copyright”><\/p><\/span>
\n<a href=”https:\/\/apod.nasa.gov\/apod\/astropix.html”>More to read…<\/a><\/span>
\n<br\/><\/span>
\n<\/body><\/span>
\n<\/html><\/span><\/p>\n

Amatorismul meu \u00een materie de HTML \u0219i Java a \u00eenfr\u00e2nt din nou, ca \u0219i \u00een articolul acesta<\/a>, dar nu am avut \u00eencotro. Am c\u0103utat tot internetul pentru un widget original<\/em>, f\u0103cut de al\u021bii, dar nu exist\u0103. Cele 2 din wordpress nu func\u021bioneaz\u0103. Au mers odat\u0103, dar s-au oprit. Nu mai merg.<\/p>\n

Sursa de energie am g\u0103sit-o tot pe site-ul NASA, la open API<\/a>, \u0219i\u00a0cu pu\u021bin ajutor \u0219i mult trial and error<\/em>, am pus laolalt\u0103 textul de mai sus.
\nAici<\/a> este punctul de plecare. Scriptul folose\u0219te un API KEY demo, dar te rog s\u0103 ceri unul personalizat de aici<\/a> \u0219i s\u0103 \u00eel schimbi. \u00cenlocuirea se face \u00een linia aceasta:<\/p>\n

\"\"<\/p>\n

Finalul arat\u0103 ca \u00een widgetul din dreapta, iar imaginea se schimb\u0103 la fiecare interogare, conform cu cea publicat\u0103 de NASA \u00een ziua respectiv\u0103.<\/p>\n","protected":false},"excerpt":{"rendered":"

Am creat un widget care s\u0103 afi\u0219eze imaginea zilei de la NASA. De fapt e un script care ruleaz\u0103 \u00een<\/p>\n","protected":false},"author":1,"featured_media":1875,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[7],"tags":[],"class_list":["post-1874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-7"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/racov.ro\/wp-content\/uploads\/2019\/02\/feat.png?fit=700%2C350&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p75FkB-ue","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/posts\/1874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/comments?post=1874"}],"version-history":[{"count":8,"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/posts\/1874\/revisions"}],"predecessor-version":[{"id":2218,"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/posts\/1874\/revisions\/2218"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/media\/1875"}],"wp:attachment":[{"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/media?parent=1874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/categories?post=1874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/racov.ro\/index.php\/wp-json\/wp\/v2\/tags?post=1874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}