{"id":33544,"date":"2017-11-16T03:01:25","date_gmt":"2017-11-15T17:01:25","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=33544"},"modified":"2017-11-15T20:52:18","modified_gmt":"2017-11-15T10:52:18","slug":"jquery-template-flickr-data-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/jquery-template-flickr-data-primer-tutorial\/","title":{"rendered":"jQuery Template flickr Data Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/jQueryLoadTemplateExample.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"jQuery Template flickr Data Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/jQueryLoadTemplateExample.jpg\" title=\"jQuery Template flickr Data Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">jQuery Template flickr Data Primer Tutorial<\/p><\/div>\n<p><a target=_blank title='Template processing information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Template_processor'>Template processing<\/a> in general can signify &#8220;time saving&#8221; in Information Technology circles, and when it is a template regarding data, it can be a relief to have it at your disposal as a programmer.  So <a target=_blank title='jQuery Javascript library' href='http:\/\/jquery.com'>jQuery<\/a> Javascript library&#8217;s <a target=_blank title='jQuery loadTemplate plugin' href='https:\/\/github.com\/codepb\/jquery-template'>loadTemplate plugin<\/a> functionality is a great case in point here.<\/p>\n<p>Today&#8217;s &#8220;case in point&#8221; joins &#8230;<\/p>\n<ul>\n<li>jQuery loadTemplate header code &#8230;<br \/>\n<code><br \/>\n\t&lt;script type=\"text\/javascript\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.6.1\/jquery.min.js\"&gt;&lt;\/script&gt;<br \/>\n\t&lt;script type=\"text\/javascript\" src=\"HTTP:\/\/ajax.aspnetcdn.com\/ajax\/jquery.templates\/beta1\/jquery.tmpl.min.js\"&gt;&lt;\/script&gt;<br \/>\n<\/code><br \/>\n&#8230; and within the &lt;body&gt;&lt;\/body&gt; &#8230;<br \/>\n<code><br \/>\n&lt;div&gt;&lt;button onclick=\"setTimeout(andth,2000);\" id=\"getData\"&gt;Load Data&lt;\/button&gt; &lt;span id=\"lastLoad\"&gt;&lt;\/span&gt;&lt;\/div&gt;&lt;br&gt;&lt;br&gt;<br \/>\n<b><\/b><br \/>\n&lt;script id=\"flickrTemplate\" type=\"text\/x-jquery-tmpl\"&gt;<br \/>\n\t&lt;div&gt;&lt;h4&gt;#${title} ${link} ${lastname}&lt;\/h4&gt;&lt;span&gt;${description} ${modified} ${generator}&lt;\/span&gt;&lt;\/div&gt;&lt;br&gt;&lt;br&gt;<br \/>\n&lt;\/script&gt;<br \/>\n<b><\/b><br \/>\n&lt;script id=\"flickrTemplateLine\" type=\"text\/x-jquery-tmpl\"&gt;<br \/>\n    &lt;table border=20&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th&gt;Title&lt;\/th&gt;&lt;th&gt;Link&lt;\/th&gt;&lt;th&gt;Media&lt;\/th&gt;&lt;th&gt;Date Taken&lt;\/th&gt;&lt;th&gt;Description&lt;\/th&gt;&lt;th&gt;Published&lt;\/th&gt;&lt;th&gt;Author&lt;\/th&gt;&lt;th&gt;Author ID&lt;\/th&gt;&lt;th&gt;Tags&lt;\/th&gt;&lt;\/tr&gt;<br \/>\n\t&lt;tr&gt;&lt;td&gt;#${title}&lt;\/td&gt;&lt;td&gt;${link}&lt;\/td&gt;&lt;td&gt;${media.m}&lt;\/td&gt;&lt;td&gt;${date_taken}&lt;\/td&gt;&lt;td&gt;${description}&lt;\/td&gt;&lt;td&gt;${published}&lt;\/td&gt;&lt;td&gt;${author}&lt;\/td&gt;&lt;td&gt;${author_id}&lt;\/td&gt;&lt;td&gt;${tags}&lt;\/td&gt;&lt;\/tr&gt;<br \/>\n&lt;\/script&gt;<br \/>\n&lt;\/tbody&gt;&lt;\/table&gt;<br \/>\n<b><\/b><br \/>\n&lt;div id=\"flickrContent\"&gt;&lt;\/div&gt;<br \/>\n<b><\/b><br \/>\n&lt;div id=\"flickrLine\"&gt;&lt;\/div&gt;<br \/>\n<\/code><br \/>\n &#8230; to gel with &#8230;<\/li>\n<li>JSON formatted data from the <a target=_blank title='Flickr rmetimages' href='http:\/\/www.flickr.com'>Flickr<\/a> image hosting for rjmprogramming.com.au called <a target=_blank title='rmetimages at Flickr' href='http:\/\/www.flickr.com\/photos\/rjmprogramming\/'>rmetimages<\/a> via jQuery $(document).ready code (inspired by this <a target=_blank title='Useful jQuery loadTemplate code, thanks' href='http:\/\/www.samfarmer.com\/blog\/Simple-Example-of-jQuery-Templates-Loading-JSON-data'>useful link<\/a>, thanks) &#8230;<br \/>\n<code><br \/>\n$(document).ready(function(){<br \/>\n$(\"#getData\").click( function() {<br \/>\n\t<a target=_blank title='jQuery $.getJSON information' href='http:\/\/api.jquery.com\/jquery.getjson\/'>$.getJSON<\/a>(\"<a target=_blank title='URL to get JSON flickr image repository remetimage data' href='http:\/\/api.flickr.com\/services\/feeds\/photos_public.gne?id=59164050@N03&#038;format=json&#038;jsoncallback=?'>HTTP:\/\/api.flickr.com\/services\/feeds\/photos_public.gne?id=59164050@N03&format=json&jsoncallback=?<\/a>\",<br \/>\n\t\tfunction(data){<br \/>\n\t\t\t\/\/empty out the div that will hold the generated content<br \/>\n\t\t\t$(\"#flickrContent\").empty();<br \/>\n\t\t\t$(\"#flickrLine\").empty();<br \/>\n\t\t\t\/\/call the tmpl function, pass in the data and have it append to flickrContainer<br \/>\n\t\t\t$(\"#flickrTemplate\").tmpl( data ).appendTo(\"#flickrContent\");<br \/>\n\t\t\t<a target=_blank title='jQuery $.each information' href='http:\/\/api.jquery.com\/jquery.each\/'>$.each<\/a>(data.items, function(i,item){<br \/>\n\t\t\t   $(\"#flickrTemplateLine\").tmpl( item ).appendTo(\"#flickrLine\");<br \/>\n<b><\/b><br \/>\n            });<br \/>\n\t\t\t\/\/indicate when last loaded<br \/>\n\t\t\tvar nowIs = new Date().toLocaleString();<br \/>\n\t\t\t$('#lastLoad').html( nowIs );<br \/>\n\t\t});<br \/>\n});<br \/>\n});<br \/>\n<\/code><br \/>\n &#8230; for a speedy &#8230;<\/li>\n<li>initial rendition of data via the jQuery loadTemplate code further fancied up via a &#8220;Load Data&#8221; button onclick event  Javascript DOM function to make HTML <i>a<\/i> links and background images, as appropriate to enhance functionality<\/li>\n<\/ul>\n<p>You can see all this play out at this <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/jQueryLoadTemplateExample.html\">live run<\/a> link whose HTML and jQuery and Javascript code you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/jQueryLoadTemplateExample.html_GETME\">jQueryLoadTemplateExample.html<\/a> for your perusal.<\/p>\n<p>You can also see this play out at WordPress 4.1.1&#8217;s <a target=_blank  href='https:\/\/www.rjmprogramming.com.au\/ITblog\/jquery-template-flickr-data-primer-tutorial\/'>jQuery Template flickr Data Primer Tutorial<\/a>.<\/p>\n<hr>\n<p id='msppt'>Previous relevant <a target=_blank title='Mac Sharing iPhoto and flickr Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/mac-sharing-iphoto-and-flickr-primer-tutorial\/'>Mac Sharing iPhoto and flickr Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhoto\/Integration\/flickr\/\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Mac Sharing iPhoto and flickr Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhoto\/Integration\/flickr\/Integration_iPhoto_flickr-10of.jpg\" title=\"Mac Sharing iPhoto and flickr Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Mac Sharing iPhoto and flickr Primer Tutorial<\/p><\/div>\n<p>It&#8217;s been a while since we talked about Photo Sharing, and we&#8217;ve talked in the past about some online Photo Sharing repositories called <a target=_blank title='flickr Photo Sharing courtesy of Yahoo' href='http:\/\/flickr.com'>flickr<\/a> and <a target=_blank title='Picasa Photo Sharing courtesy of Google' href='http:\/\/picasa.com'>Picasa<\/a> (with the tutorial <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=2729' title='Photo Sharing with Flickr and Picasa Primer Tutorial'>Photo Sharing with Flickr and Picasa Primer Tutorial<\/a> we did a bit of comparison) and the last time we visited this topic we talked about a drag and drop application using flickr with a tutorial called <a target=_blank href='#ydlcffddt' title='YUI Debugging Logger Control Flickr Feed Drag Drop Tutorial'>YUI Debugging Logger Control Flickr Feed Drag Drop Tutorial<\/a> as shown below.<\/p>\n<p>There was a time before the &#8220;web&#8221; &#8230; gasp &#8230; so always like a story that talks about (data) integration between the desktop and the web &#8230; <strike>so today we won&#8217;t be talking about that<\/strike> &#8230; just fooling &#8230; so today we&#8217;ll be talking about a pretty cute integration of a Mac laptop desktop iPhoto application (data) integration or sharing arrangement with the online web photo sharing website <a target=_blank title='flickr Photo Sharing courtesy of Yahoo' href='http:\/\/flickr.com'>flickr<\/a> &#8230; specifically this domain&#8217;s <a target=_blank title='flickr Photo Sharing courtesy of Yahoo, for rmetimages' href='https:\/\/www.flickr.com\/photos\/rjmprogramming\/'>account<\/a>.<\/p>\n<p>In our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhoto\/Integration\/flickr\/\" title='Click picture'>tutorial<\/a> today we show the uploading of two images to flickr via the setup of the connection that will be used for this data integration now and into the future &#8230; and <a target=_blank href='http:\/\/www.youtube.com\/watch?v=2VSYmGSJtCA' title='To Infinity ... and beyond'>beyond<\/a> &#8230; yayyyyyyyy!!!!!<\/p>\n<hr \/>\n<p id='ydlcffddt'>Previous relevant <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=9212' title='YUI Debugging Logger Control Flickr Feed Drag Drop Tutorial'>YUI Debugging Logger Control Flickr Feed Drag Drop Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/DragAndDrop_Logger.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"YUI Debugging Logger Control Flickr Feed Drag Drop Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/DragAndDrop_Logger.jpg\" title=\"YUI Debugging Logger Control Flickr Feed Drag Drop Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">YUI Debugging Logger Control Flickr Feed Drag Drop Tutorial<\/p><\/div>\n<p>Today we add a Javascript YUI library Debugging Logger Control to build on our previous relevant <a target=_blank href='#yajjffdadt' title='YUI and jQuery Javascript Flickr Feed Drag and Drop Tutorial'>YUI and jQuery Javascript Flickr Feed Drag and Drop Tutorial<\/a> as shown below.  This Logger Control can be used to gather debugging information you need to display, especially useful with Ajax coding scenarios.<\/p>\n<p>In that previous tutorial we noted that web browser users really like to make use of data feeds and one of the protocol formats they are often using when accessing RSS feeds is JSON (and XML), as outlined below in a Wikipedia entry.   In this tutorial we see JavaScript jQuery library functionality accessing the Flickr image hosting share area used by this domain here at rjmprogramming.com.au and then go on to show you YUI library animation Drag and Drop functionality to dynamically rearrange the photographs.<\/p>\n<blockquote><p>JSON (pron.: \/\u02c8d\u0292e\u026as\u0252n\/ JAY-sawn, pron.: \/\u02c8d\u0292e\u026as\u0259n\/ JAY-sun), or JavaScript Object Notation, is a text-based open standard designed for human-readable data interchange. It is derived from the JavaScript scripting language for representing simple data structures and associative arrays, called objects. Despite its relationship to JavaScript, it is language-independent, with parsers available for many languages.<\/p>\n<p>The JSON format was originally specified by Douglas Crockford, and is described in RFC 4627. The official Internet media type for JSON is application\/json. The JSON filename extension is .json.<\/p>\n<p>The JSON format is often used for serializing and transmitting structured data over a network connection. It is used primarily to transmit data between a server and web application, serving as an alternative to XML.<\/p><\/blockquote>\n<p>Click <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/DragAndDrop_Logger.html'>on picture above<\/a> to see the YUI Debugging Logger Control in conjunction with Flickr Feed tutorial using YUI, jQuery and JSON with Drag and Drop functionality.<\/p>\n<p>Link to Flickr Feed live run <a target=_blank title='Flickr Feed' href='http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/'> for rjmprogramming.com.au Flickr photo set (latest 20) Drag and Drop rearrange<\/a>.<\/p>\n<p><strong>Below are some good background reading for the concepts of this tutorial all via Wikipedia:<\/strong><\/p>\n<ul>\n<li><a target=_blank title='JSON' href='http:\/\/en.wikipedia.org\/wiki\/JSON'>JSON<\/a><\/li>\n<li><a target=_blank title='XML' href='http:\/\/en.wikipedia.org\/wiki\/XML'>XML<\/a><\/li>\n<li><a target=_blank title='RSS Feed' href='http:\/\/en.wikipedia.org\/wiki\/RSS'>RSS Feed<\/a><\/li>\n<li><a target=_blank title='jQuery' href='http:\/\/en.wikipedia.org\/wiki\/JQuery'>jQuery<\/a><\/li>\n<li><a target=_blank title='JavaScript' href='http:\/\/en.wikipedia.org\/wiki\/Javascript'>JavaScript<\/a><\/li>\n<li><a target=_blank title='Flickr image hosting' href='http:\/\/en.wikipedia.org\/wiki\/Flickr'>Flickr image hosting<\/a><\/li>\n<\/ul>\n<p>Link to Flickr image hosting for rjmprogramming.com.au called <a target=_blank title='rmetimages at Flickr' href='http:\/\/www.flickr.com\/photos\/rjmprogramming\/'>rmetimages<\/a>.<\/p>\n<p>Download programming source code and rename to <a target=_blank title='Logger Control with rmetimages Flickr feed (latest 20)' href='http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/DragAndDrop_Logger.html-GETME'>DragAndDrop_Logger.html<\/a>.<\/p>\n<p>Here are the changes in code required to add the Debugging Logger Control <a target=_blank title='Differences' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/DragAndDrop_Logger.html-GETME'>here<\/a>.<\/p>\n<p>Link to YUI Library information <a target=_blank title='YUI Library information' href='http:\/\/en.wikipedia.org\/wiki\/YUI_Library'> &#8230; via Wikipedia<\/a>.<br \/>\nLink to YUI Library spiritual home page  <a target=_blank title=YUI Library spiritual home' href='http:\/\/yuilibrary.com\/'> &#8230; via Yahoo!<\/a><br \/>\nLink to YUI Library download page  &#8230; <a target=_blank title='Download' href='http:\/\/yuilibrary.com\/download\/yui3\/'>download YUI Library here<\/a>.<br \/>\nLink to YUI Library UI Animation page  &#8230; <a target=_blank title='YUI Library UI Calendar control' href='http:\/\/developer.yahoo.com\/yui\/animation\/'>YUI Library UI Animation functionality<\/a> (one of many YUI Library UI ideas).<\/p>\n<p>Regarding this Debugging Logger Control tutorial topic I really like <em>&#8220;JavaScript &amp; Ajax&#8221; seventh edition by Tom Negrino and Dori Smith p. 379-382<\/em> <\/p>\n<hr \/>\n<p id='yajjffdadt'>Previous relevant <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=1624' title='YUI and jQuery Javascript Flickr Feed Drag and Drop Tutorial'>YUI and jQuery Javascript Flickr Feed Drag and Drop Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"YUI and jQuery Javascript Flickr Feed Drag and Drop Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/DragAndDrop.jpg\" title=\"YUI and jQuery Javascript Flickr Feed Drag and Drop Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">YUI and jQuery Javascript Flickr Feed Drag and Drop Tutorial<\/p><\/div>\n<p>Web browser users really like to make use of data feeds and one of the protocol formats they are often using when accessing RSS feeds is JSON (and XML), as outlined below in a Wikipedia entry.   In this tutorial we see JavaScript jQuery library functionality accessing the Flickr image hosting share area used by this domain here at rjmprogramming.com.au and then go on to show you YUI library animation Drag and Drop functionality to dynamically rearrange the photographs.<\/p>\n<blockquote><p>JSON (pron.: \/\u02c8d\u0292e\u026as\u0252n\/ JAY-sawn, pron.: \/\u02c8d\u0292e\u026as\u0259n\/ JAY-sun), or JavaScript Object Notation, is a text-based open standard designed for human-readable data interchange. It is derived from the JavaScript scripting language for representing simple data structures and associative arrays, called objects. Despite its relationship to JavaScript, it is language-independent, with parsers available for many languages.<\/p>\n<p>The JSON format was originally specified by Douglas Crockford, and is described in RFC 4627. The official Internet media type for JSON is application\/json. The JSON filename extension is .json.<\/p>\n<p>The JSON format is often used for serializing and transmitting structured data over a network connection. It is used primarily to transmit data between a server and web application, serving as an alternative to XML.<\/p><\/blockquote>\n<p>Click <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/'>on picture above<\/a> to see the Flickr Feed tutorial using YUI, jQuery and JSON with Drag and Drop functionality.<\/p>\n<p>Link to Flickr Feed live run <a target=_blank title='Flickr Feed' href='http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/'> for rjmprogramming.com.au Flickr photo set (latest 20) Drag and Drop rearrange<\/a>.<\/p>\n<p><strong>Below are some good background reading for the concepts of this tutorial all via Wikipedia:<\/strong><\/p>\n<ul>\n<li><a target=_blank title='JSON' href='http:\/\/en.wikipedia.org\/wiki\/JSON'>JSON<\/a><\/li>\n<li><a target=_blank title='XML' href='http:\/\/en.wikipedia.org\/wiki\/XML'>XML<\/a><\/li>\n<li><a target=_blank title='RSS Feed' href='http:\/\/en.wikipedia.org\/wiki\/RSS'>RSS Feed<\/a><\/li>\n<li><a target=_blank title='jQuery' href='http:\/\/en.wikipedia.org\/wiki\/JQuery'>jQuery<\/a><\/li>\n<li><a target=_blank title='JavaScript' href='http:\/\/en.wikipedia.org\/wiki\/Javascript'>JavaScript<\/a><\/li>\n<li><a target=_blank title='Flickr image hosting' href='http:\/\/en.wikipedia.org\/wiki\/Flickr'>Flickr image hosting<\/a><\/li>\n<\/ul>\n<p>Link to Flickr image hosting for rjmprogramming.com.au called <a target=_blank title='rmetimages at Flickr' href='http:\/\/www.flickr.com\/photos\/rjmprogramming\/'>rmetimages<\/a>.<\/p>\n<p>Download programming source code and rename to <a target=_blank title='rmetimages Flickr feed (latest 20)' href='http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/YUIDragDrop\/DragAndDrop.php_GETME'>DragAndDrop.php or DragAndDrop.html (no PHP used as such)<\/a>.<\/p>\n<p>Link to YUI Library information <a target=_blank title='YUI Library information' href='http:\/\/en.wikipedia.org\/wiki\/YUI_Library'> &#8230; via Wikipedia<\/a>.<br \/>\nLink to YUI Library spiritual home page  <a target=_blank title=YUI Library spiritual home' href='http:\/\/yuilibrary.com\/'> &#8230; via Yahoo!<\/a><br \/>\nLink to YUI Library download page  &#8230; <a target=_blank title='Download' href='http:\/\/yuilibrary.com\/download\/yui3\/'>download YUI Library here<\/a>.<br \/>\nLink to YUI Library UI Animation page  &#8230; <a target=_blank title='YUI Library UI Calendar control' href='http:\/\/developer.yahoo.com\/yui\/animation\/'>YUI Library UI Animation functionality<\/a> (one of many YUI Library UI ideas).<\/p>\n<p>Regarding this Drag and Drop tutorial topic I really like <em>&#8220;JavaScript &amp; Ajax&#8221; seventh edition by Tom Negrino and Dori Smith<\/em> <\/p>\n<p><strong><em>Did you know &#8230;<\/em><\/strong><br \/>\nJavaScript makes a great easy-access Calculator?<\/p>\n<p>Try typing the lines below into the address bar of your favourite browser:<\/p>\n<p>Javascript: eval(512 \/ 380);<br \/>\nJavascript: eval(512 * 380);<br \/>\nJavascript: eval(512 &#8211; 380);<br \/>\nJavascript: eval(512 + 380);<br \/>\nJavascript: eval(512 % 380);<\/p>\n<p>These days we spend so much time on the Internet it is a much quicker way to get to a calculator!\n<\/p>\n<p>You may want to try the new Android App called <a target=_blank title='Flickr Latest 20' href='https:\/\/play.google.com\/store\/apps\/details?id=com.rjmprogramming.flickrlatest20#?t=W251bGwsMSwyLDIxMiwiY29tLnJqbXByb2dyYW1taW5nLmZsaWNrcmxhdGVzdDIwIl0.'>Flickr Latest 20<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d1624' onclick='var dv=document.getElementById(\"d1624\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Flickr\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d1624' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr \/>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d9212' onclick='var dv=document.getElementById(\"d9212\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=YUI\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d9212' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr \/>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d9804' onclick='var dv=document.getElementById(\"d9804\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=flickr\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d9804' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d33544' onclick='var dv=document.getElementById(\"d33544\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/template\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d33544' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Template processing in general can signify &#8220;time saving&#8221; in Information Technology circles, and when it is a template regarding data, it can be a relief to have it at your disposal as a programmer. So jQuery Javascript library&#8217;s loadTemplate plugin &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/jquery-template-flickr-data-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[174,445,576,590,652,663,664,861,956,997,1238,1566,1319],"class_list":["post-33544","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-button","tag-flickr","tag-html","tag-image","tag-javascript","tag-jquery","tag-json","tag-onclick","tag-plugin","tag-programming","tag-table","tag-template","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/33544"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=33544"}],"version-history":[{"count":11,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/33544\/revisions"}],"predecessor-version":[{"id":33555,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/33544\/revisions\/33555"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=33544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=33544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=33544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}