{"id":1713,"date":"2011-06-23T22:41:39","date_gmt":"2011-06-23T12:41:39","guid":{"rendered":"https:\/\/eisabainyo.net\/weblog\/?p=1713"},"modified":"2011-06-24T16:36:09","modified_gmt":"2011-06-24T06:36:09","slug":"10-useful-javascript-snippets-for-your-mobile-site","status":"publish","type":"post","link":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/","title":{"rendered":"10 Useful Javascript Snippets for your mobile websites"},"content":{"rendered":"<p>After developing a few mobile websites in the past few months, I notice that I am reusing certain Javascript code in every project.  Followings are the 10 Useful Javascript Snippets that I use for mobile sites.  Note that some snippets require jQuery mobile framework.<\/p>\n<p><strong>1. Add class name \"iPhone\" or \"Android\" to body element if the page is viewed on iPhone or Android browser<\/strong><\/p>\n<pre>if (navigator.userAgent.match(\/iPhone\/i)) {\r\n\t$('body').addClass('iPhone');\r\n} else if (navigator.userAgent.match(\/Android\/i)) {\r\n         $('body').addClass('Android');\r\n}<\/pre>\n<p><em>Examples of iPhone user agent string: <\/em><br \/>\nMozilla\/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit\/420+ (KHTML, like Gecko) Version\/3.0 Mobile\/1A537a Safari\/419.3<br \/>\nMozilla\/5.0 (iPhone; U; XXXXX like Mac OS X; en) AppleWebKit\/420+ (KHTML, like Gecko) Version\/3.0 Mobile\/1A477d Safari\/419.3<\/p>\n<p><em>Examples of Android user agent string: <\/em><br \/>\nMozilla\/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build\/FRF91) AppleWebKit\/533.1 (KHTML, like Gecko) Version\/4.0 Mobile Safari\/533.1<br \/>\nMozilla\/5.0 (Linux; U; Android 1.6; en-gb; Dell Streak Build\/Donut AppleWebKit\/528.5+ (KHTML, like Gecko) Version\/3.1.2 Mobile Safari\/ 525.20.1<br \/>\nMozilla\/5.0 (Linux; U; Android 2.1-update1; de-de; HTC Desire 1.19.161.5 Build\/ERE27) AppleWebKit\/530.17 (KHTML, like Gecko) Version\/4.0 Mobile Safari\/530.17<br \/>\nMozilla\/5.0 (Linux; U; Android 2.2; en-us; DROID2 GLOBAL Build\/S273) AppleWebKit\/533.1 (KHTML, like Gecko) Version\/4.0 Mobile Safari\/533.1<br \/>\nMozilla\/5.0 (Linux; U; Android 2.2; en-gb; GT-P1000 Build\/FROYO) AppleWebKit\/533.1 (KHTML, like Gecko) Version\/4.0 Mobile Safari\/533.1<br \/>\nMozilla\/5.0 (Linux; U; Android 2.1-update1; de-de; E10i Build\/2.0.2.A.0.24) AppleWebKit\/530.17 (KHTML, like Gecko) Version\/4.0 Mobile Safari\/530.17<\/p>\n<p><strong>2. Remove the browser address bar<\/strong><\/p>\n<pre>window.scrollTo(0, 1);<\/pre>\n<p><strong>3. Prevent touch scrolling on a page<\/strong><\/p>\n<pre>\r\nnotouchmove = function(event) {\r\n\tevent.preventDefault();\r\n}<\/pre>\n<pre>\r\n&lt;div data-role=&quot;page&quot; id=&quot;home&quot; ontouchmove=&quot;notouchmove(event);&quot;&gt;\r\n...\r\n&lt;\/div&gt; \r\n<\/pre>\n<p>OR<\/p>\n<pre>document.body.addEventListener('touchmove', function(event) {\r\n\tevent.preventDefault();\r\n}, false);<\/pre>\n<p><strong>4. Display a message when the page is viewed in landscape<\/strong><\/p>\n<pre>\r\nvar updateorientation = function (){\r\n\tvar classname = '',\r\n\ttop = 100;\r\n\tswitch(window.orientation){\r\n\t\tcase 0:\r\n\t\tclassname += &quot;normal&quot;;\r\n\t\tbreak;\r\n\r\n\t\tcase -90:\r\n\t\tclassname += &quot;landscape&quot;;\r\n\t\tbreak;\r\n\r\n\t\tcase 90:\r\n\t\tclassname += &quot;landscape&quot;;\r\n\t\tbreak;\r\n\r\n\t}\r\n\t\r\n\tif (classname == 'landscape') {\r\n\t\tif ($('#overlay').length === 0) {\r\n\t\t\twindow.scrollTo(0, 1);\r\n\t\t\t$('body').append('&lt;div id=&quot;overlay&quot; style=&quot;width: 100%; height:' + $(document).height() + 'px&quot;&gt;&lt;span style=&quot;top: ' + top + 'px&quot;&gt;Landscape view is not supported for this page.&lt;\/span&gt;&lt;\/div&gt;');\r\n\t\t}\r\n\t} else { \r\n\t\t$('#overlay').remove();\r\n\t}\r\n};\r\n<\/pre>\n<p>Usage:<\/p>\n<pre>\r\nvar supportsOrientationChange = &quot;onorientationchange&quot; in window,\r\norientationEvent = supportsOrientationChange ? &quot;orientationchange&quot; : &quot;resize&quot;;\r\n\r\nwindow.addEventListener(orientationEvent, function() {\r\n\tupdateorientation(); \r\n}, false);\r\n<\/pre>\n<p><strong>5. Truncate a description and show full description when touched<\/strong><\/p>\n<pre>\r\nvar truncatedesc = function(trunc, len) {\r\n\tif (trunc) {\r\n\t  var org = trunc;\r\n\t  \r\n\t  if (trunc.length &gt; len) {\r\n\t\ttrunc = trunc.substring(0, len);\r\n\t\ttrunc = trunc.replace(\/w+$\/, '');\r\n\t\r\n\t\ttrunc = '&lt;span class=&quot;truncated&quot;&gt;' + trunc;\r\n\t\ttrunc += '&lt;strong class=&quot;more-description&quot;&gt;...&lt;\/strong&gt;&lt;\/span&gt;';\r\n\t\ttrunc += '&lt;span class=&quot;original&quot; style=&quot;display: none;&quot;&gt;' + org + '&lt;\/span&gt;';\r\n\t  }\r\n\t  \r\n\t  $('.truncated').live(&quot;touchstart touchend&quot;, function() {\r\n\t\t$(this).closest('div').find('.original').show();\r\n\t\t$(this).closest('div').find('.truncated').hide();\r\n\t\treturn false;\r\n\t  });\r\n\t  \r\n\t  return trunc;\r\n\t}\r\n};<\/pre>\n<p>Usage:<\/p>\n<pre>truncatedesc(item.description, 100);<\/pre>\n<p><strong>6. Redirect to another page upon successful ajax request (jQuery mobile)<\/strong><\/p>\n<p>var ajaxurl = 'http:\/\/...';  \/\/ Your web service URL<\/p>\n<pre>$.ajax({\r\n\turl: ajaxurl,\r\n\ttype: 'GET',\r\n\tprocessData: false,\r\n\tcontentType: \"application\/json\",\r\n\tdataType: \"jsonp\",  \r\n\tsuccess: function(data) {\r\n\t\t$.mobile.changePage(\"results.html\");\r\n\t},\r\n\terror: function() {\r\n\t\talert('Error!');\r\n\t}\r\n});<\/pre>\n<p><strong>7. Remove active state from links in listview (jQuery mobile)<\/strong><\/p>\n<pre>\r\n$('div').live('pageshow', function (event, ui) {\r\n\t$('[data-role=listview] li').removeClass(&quot;ui-btn-active&quot;);\r\n});<\/pre>\n<p><strong>8. Disable default jQuery mobile style from select dropdown (jQuery mobile)<\/strong><\/p>\n<pre>\r\n$(document).bind(&quot;mobileinit&quot;, function(){\r\n  \t$.mobile.page.prototype.options.keepNative = &quot;select&quot;;\r\n});<\/pre>\n<p><strong>9. Dynamically update listview (jQuery mobile)<\/strong><\/p>\n<pre>\r\nvar output  = '&lt;li&gt;&lt;img src=&quot;' + item.image + '&quot; alt=&quot;' + item.title + '&quot; \/&gt;';\r\noutput += '&lt;h3&gt;&lt;a href=&quot;' + item.url + '&quot;&gt;' + item.title + '&lt;\/a&gt;&lt;\/h3&gt;';\t\r\noutput += '&lt;\/li&gt;';\t\r\n\r\n$('#mylistul').append(output).listview('refresh');<\/pre>\n<p><strong>10. Dynamically add form input and apply default style (jQuery mobile)<\/strong><\/p>\n<pre>\r\nvar html = '&lt;input type=&quot;search&quot; name=&quot;suburb&quot; id=&quot;suburb&quot; placeholder=&quot;Enter suburb&quot; \/&gt;';\r\n$('#searchform').append(html);\r\n$('#suburb').textinput();<\/pre>\n<h3>Recommended Books<\/h3>\n<p>While no book has already been released at Amazon on <a href=\"http:\/\/www.amazon.com\/gp\/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.com%2Fs%3Fie%3DUTF8%26x%3D0%26ref_%3Dnb_sb_noss%26y%3D0%26field-keywords%3Djquery%2520mobile%26url%3Dsearch-alias%253Dstripbooks%23&tag=eisabainyonet-20&linkCode=ur2&camp=1789&creative=390957\">jQuery mobile<\/a>, the following two books on HTML5  and jQuery will help you understand and work with jQuery mobile framework better as jQuery mobile is based on jQuery and uses HTML5. <\/p>\n<div class=\"book\"><a href=\"http:\/\/www.amazon.com\/gp\/product\/0596806027\/ref=as_li_ss_tl?ie=UTF8&tag=eisabainyonet-20&linkCode=as2&camp=217145&creative=399369&creativeASIN=0596806027\"><img decoding=\"async\" src=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png\" alt=\"\" title=\"HTML5: Up and Running\" width=\"90\"  class=\"alignnone size-full wp-image-1128\" \/><span>HTML5: Up and Running<\/span><\/a>\n<\/div>\n<div class=\"book\"><a href=\"http:\/\/www.amazon.com\/gp\/product\/0980576857\/ref=as_li_ss_tl?ie=UTF8&tag=eisabainyonet-20&linkCode=as2&camp=217145&creative=399369&creativeASIN=0980576857\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/jqueryninja.jpg\" alt=\"\" title=\"jQuery: Novice to Ninja\" width=\"90\" height=\"111\" class=\"alignnone size-full wp-image-1127\" \/><span>jQuery: Novice to Ninja<\/span><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>After developing a few mobile websites in the past few months, I notice that I<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,8],"tags":[],"class_list":["post-1713","post","type-post","status-publish","format-standard","hentry","category-css","category-snippets"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 Useful Javascript Snippets for your mobile websites | Tech Leadership Advice &amp; Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Useful Javascript Snippets for your mobile websites | Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"og:description\" content=\"After developing a few mobile websites in the past few months, I notice that I\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"article:published_time\" content=\"2011-06-23T12:41:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2011-06-24T06:36:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png\" \/>\n<meta name=\"author\" content=\"Isabel Nyo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Isabel Nyo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/\"},\"author\":{\"name\":\"Isabel Nyo\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"headline\":\"10 Useful Javascript Snippets for your mobile websites\",\"datePublished\":\"2011-06-23T12:41:39+00:00\",\"dateModified\":\"2011-06-24T06:36:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/\"},\"wordCount\":349,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"image\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png\",\"articleSection\":[\"CSS\",\"Snippets\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/\",\"name\":\"10 Useful Javascript Snippets for your mobile websites | Tech Leadership Advice &amp; Resources\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png\",\"datePublished\":\"2011-06-23T12:41:39+00:00\",\"dateModified\":\"2011-06-24T06:36:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png\",\"contentUrl\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png\",\"width\":\"114\",\"height\":\"150\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eisabainyo.net\/weblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Useful Javascript Snippets for your mobile websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/\",\"name\":\"Career Resources for Professionals in Tech\",\"description\":\"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors\",\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\",\"name\":\"Isabel Nyo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"caption\":\"Isabel Nyo\"},\"logo\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\"},\"description\":\"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more..\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Useful Javascript Snippets for your mobile websites | Tech Leadership Advice &amp; Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/","og_locale":"en_US","og_type":"article","og_title":"10 Useful Javascript Snippets for your mobile websites | Tech Leadership Advice &amp; Resources","og_description":"After developing a few mobile websites in the past few months, I notice that I","og_url":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/","og_site_name":"Tech Leadership Advice &amp; Resources","article_published_time":"2011-06-23T12:41:39+00:00","article_modified_time":"2011-06-24T06:36:09+00:00","og_image":[{"url":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png","type":"","width":"","height":""}],"author":"Isabel Nyo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Isabel Nyo","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#article","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/"},"author":{"name":"Isabel Nyo","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"headline":"10 Useful Javascript Snippets for your mobile websites","datePublished":"2011-06-23T12:41:39+00:00","dateModified":"2011-06-24T06:36:09+00:00","mainEntityOfPage":{"@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/"},"wordCount":349,"commentCount":0,"publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"image":{"@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage"},"thumbnailUrl":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png","articleSection":["CSS","Snippets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/","url":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/","name":"10 Useful Javascript Snippets for your mobile websites | Tech Leadership Advice &amp; Resources","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage"},"image":{"@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage"},"thumbnailUrl":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png","datePublished":"2011-06-23T12:41:39+00:00","dateModified":"2011-06-24T06:36:09+00:00","breadcrumb":{"@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#primaryimage","url":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png","contentUrl":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2011\/06\/html5.png","width":"114","height":"150"},{"@type":"BreadcrumbList","@id":"https:\/\/eisabainyo.net\/weblog\/2011\/06\/23\/10-useful-javascript-snippets-for-your-mobile-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eisabainyo.net\/weblog\/"},{"@type":"ListItem","position":2,"name":"10 Useful Javascript Snippets for your mobile websites"}]},{"@type":"WebSite","@id":"https:\/\/eisabainyo.net\/weblog\/#website","url":"https:\/\/eisabainyo.net\/weblog\/","name":"Career Resources for Professionals in Tech","description":"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors","publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab","name":"Isabel Nyo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","caption":"Isabel Nyo"},"logo":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/"},"description":"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more.."}]}},"_links":{"self":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/1713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/comments?post=1713"}],"version-history":[{"count":14,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/1713\/revisions"}],"predecessor-version":[{"id":1778,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/1713\/revisions\/1778"}],"wp:attachment":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/media?parent=1713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/categories?post=1713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/tags?post=1713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}