{"id":21927,"date":"2016-05-12T03:01:32","date_gmt":"2016-05-11T17:01:32","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=21927"},"modified":"2016-05-11T14:09:44","modified_gmt":"2016-05-11T04:09:44","slug":"contact-us-feedback-android-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/contact-us-feedback-android-tutorial\/","title":{"rendered":"Contact Us Feedback Android Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Contact_Us.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Contact Us Feedback Android Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/android_mailto.jpg\" title=\"Contact Us Feedback Android Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Contact Us Feedback Android Tutorial<\/p><\/div>\n<p>A couple of days ago we presented <a title='Contact Us Feedback Primer Tutorial' href='#cufpt'>Contact Us Feedback Primer Tutorial<\/a> as shown below &#8230; and said &#8230;<\/p>\n<blockquote>\n<p>Maybe you remember reading about the recent Feedback functionality here at RJM Programming when we presented <a target=_blank title='Feedback Email Attachment Iframe Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/feedback-email-attachment-iframe-tutorial\/'>Feedback Email Attachment Iframe Tutorial<\/a>.  It struck us that it would be good to extend the &#8220;Contact Us&#8221; webpage here at RJM Programming by adding a &#8220;Feedback&#8221; form to the &#8220;Contact Us&#8221; now presented via an HTML select &#8220;dropdown&#8221; element.<\/p>\n<\/blockquote>\n<p> &#8230; well, we discovered down the track that the behaviour of the HTML <i>a<\/i> tag&#8217;s <a target=_blank title='mailto information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tryit.asp?filename=tryhtml_link_mailto'><i>mailto:<\/i><\/a> <i>href<\/i> parameter navigation needs to be nuanced for Android (mobile) usage.<\/p>\n<p>A bit of reading on this lead us in one direction and the <a target=_blank title='Useful link' href='https:\/\/getsatisfaction.com\/apperyio\/topics\/navigator_app_loadurl_the_link_openexternal_true_not_supported_with_latest_release_of_appery_io_android_tester_app'>useful link<\/a> pulled us completely back into a good line, thanks, via the advice &#8230;<\/p>\n<blockquote><p>\nwindow.top.location = &#8220;http:\/\/example.com&#8221;;\n<\/p><\/blockquote>\n<p> &#8230; but, for us, that goes (something like) &#8230;<\/p>\n<p><code><br \/>\nwindow.top.location = \"mailto:fill.in@email.address?subject=blah&cc=&bcc=&body=Lots%20Of%20Blah\";<br \/>\n<\/code><\/p>\n<p> &#8230; presumably to get the external Android Mail app into the picture.  On the way <a target=_blank title='Also useful' href='http:\/\/www.telerik.com\/forums\/proper-way-to-do-mailto-and-tel-links'>this link<\/a> was useful, also, so, thanks.<\/p>\n<p>Trap for young players?  (Am blushing)<\/p>\n<p>So for feedback functionality what changed for this Android fix (which also has trouble, perhaps, with inhouse Javascript functions called &#8220;capture&#8221;?!) was &#8230;<\/p>\n<ul>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.html---GETME\" title='feedback.html'>feedback.html<\/a> HTML and Javascript feedback functionality changed from last time in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.html---GETME\" title='feedback.html'>this way<\/a><\/li>\n<li><a target=_blank title='world.js' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/world.js-----------------GETME' title='world.js'>world.js<\/a> external Javascript annotation functionality changed from last time in <a target=_blank title='world.js' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/world.js-----------------GETME' title='world.js'>like this<\/a><\/li>\n<\/ul>\n<p>So &#8230; pleeeeease don&#8217;t fall in the trap, like me?!<\/p>\n<hr>\n<p id='cufpt'>Previous relevant <a target=_blank title='Contact Us Feedback Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/contact-us-feedback-primer-tutorial\/'>Contact Us Feedback 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\/Contact_Us.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Contact Us Feedback Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/contact_us_idea.jpg\" title=\"Contact Us Feedback Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Contact Us Feedback Primer Tutorial<\/p><\/div>\n<p>Maybe you remember reading about the recent Feedback functionality here at RJM Programming when we presented <a target=_blank title='Feedback Email Attachment Iframe Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/feedback-email-attachment-iframe-tutorial\/'>Feedback Email Attachment Iframe Tutorial<\/a>.  It struck us that it would be good to extend the &#8220;Contact Us&#8221; webpage here at RJM Programming by adding a &#8220;Feedback&#8221; form to the &#8220;Contact Us&#8221; now presented via an HTML select &#8220;dropdown&#8221; element.<\/p>\n<p>You can see the gist of what is involved with today&#8217;s <a target=_blank title='Tutorial picture' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/contact_us_idea.jpg'>tutorial picture<\/a> for the creation of a short worded feedback email, via your default email client (ie. an HTML <i>a<\/i> <a target=_blank title='mailto information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tryit.asp?filename=tryhtml_link_mailto'><i>mailto:<\/i><\/a> link is used), perhaps regarding a tutorial here at this blog, which can be chosen via an HTML select &#8220;dropdown&#8221; element populated from the RJM Programming Landing Page, the logic for which you can read about with <a target=_blank title='Client Pre-emptive Iframe Crontab Curl Rotated Report Tutorial ' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/client-pre-emptive-iframe-crontab-curl-rotated-report-tutorial\/'>Client Pre-emptive Iframe Crontab Curl Rotated Report Tutorial<\/a>.  As you would glean from this blog posting title, what we are involving here is &#8230;<\/p>\n<ul>\n<ol>\n<li>WordPress Blog&#8217;s MySql database<\/li>\n<li>curl call of PHP to extract blog posting information<\/li>\n<li>crontab scheduled execution of PHP to assemble this data into an updated HTML select &#8220;dropdown&#8221; element in the RJM Programming Landing Page<\/li>\n<\/ol>\n<li>an HTML iframe element loads the Landing Page and the crontab\/curl inspired PHP\/MySql data is extracted (at that iframe&#8217;s <a target=_blank title='Events information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_eventattributes.asp'><i>onload<\/i><\/a> event) and reworked to the purposes of this Feedback functionality<\/li>\n<\/ul>\n<p>So what changed here?<\/p>\n<ul>\n<li><a target=_blank title='Contact Us' href='http:\/\/www.rjmprogramming.com.au\/Contact_Us.html'>Contact_Us.html<\/a> changed in the <b>bold<\/b> ways below &#8230;<br \/>\n<code><br \/>\n          &lt;div id=\"id4\" style=\"height: 36px; left: 17px; position: absolute; top: 304px; width: 674px; z-index: 1; \" class=\"style_SkipStroke_3\"&gt;<br \/>\n            &lt;div class=\"text-content style_External_674_96\" style=\"padding: 0px; \"&gt;<br \/>\n              &lt;div class=\"style_2\"&gt;<br \/>\n                &lt;<b>!--<\/b>p style=\"padding-bottom: 0pt; padding-top: 0pt; \" class=\"Caption\"&gt;Contact Us at RJM Programming&lt;\/p<b>--<\/b>&gt;<br \/>\n                <b>&lt;div style=\"padding-bottom: 0pt; padding-top: 0pt; \" class=\"Caption\"&gt;&lt;select id=mysel onchange=\" var huhs; var dds=document.getElementsByTagName('div'); for (var idds=0; idds&lt;dds.length; idds++) { huhs=dds[idds].innerHTML.split('&lt;div ');  if (huhs.length == 1) { huhs=dds[idds].innerHTML.split('&lt;img ');  if (huhs.length &gt; 5) { dds[idds].style.display='none';  } }  }  document.getElementById('mycrawler').style.display='none';  document.getElementById('widget2b').style.height='500px'; document.getElementById('widget2-frame').height='500px'; document.getElementById('widget2-frame').style.height='500px';  document.getElementById('widget2-frame').style.zIndex='5'; document.getElementById('widget2-frame').src=this.value; \"&gt;&lt;option value=\"http:\/\/www.rjmprogramming.com.au\/Contact_Us_files\/widget2a_markup.html\"&gt;Contact Us&lt;\/option&gt;&lt;option value=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.html?contact=contact\"&gt;Feedback&lt;\/option&gt;&lt;\/select&gt; at RJM Programming&lt;\/div&gt;<\/b><br \/>\n              &lt;\/div&gt;<br \/>\n            &lt;\/div&gt;<br \/>\n          &lt;\/div&gt;<br \/>\n<\/code>\n<\/li>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.html--GETME\" title='feedback.html'>feedback.html<\/a> HTML and Javascript feedback functionality changed from last time in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.html--GETME\" title='feedback.html'>this way<\/a><\/li>\n<li><a target=_blank title='world.js' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/world.js----------------GETME' title='world.js'>world.js<\/a> external Javascript annotation functionality changed from last time in <a target=_blank title='world.js' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/world.js----------------GETME' title='world.js'>like this<\/a><\/li>\n<\/ul>\n<p>Maybe this is food for thought for your own &#8220;Contact Us&#8221; page, perhaps second only to &#8220;Landing Page&#8221; in popularity on today&#8217;s websites of the &#8220;net&#8221;.<\/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='#d21746' onclick='var dv=document.getElementById(\"d21746\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/javascript\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d21746' 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='#d21927' onclick='var dv=document.getElementById(\"d21927\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/android\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d21927' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A couple of days ago we presented Contact Us Feedback Primer Tutorial as shown below &#8230; and said &#8230; Maybe you remember reading about the recent Feedback functionality here at RJM Programming when we presented Feedback Email Attachment Iframe Tutorial. &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/contact-us-feedback-android-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":[3,12,14,37],"tags":[76,1869,274,284,380,381,400,576,587,652,680,739,795,870,997,1866,1319],"class_list":["post-21927","post","type-post","status-publish","format-standard","hentry","category-android","category-elearning","category-event-driven-programming","category-tutorials","tag-android","tag-contact-us","tag-crontab","tag-curl","tag-email","tag-email-client","tag-event","tag-html","tag-iframe","tag-javascript","tag-landing-page","tag-mailto","tag-mobile","tag-onload","tag-programming","tag-select","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/21927"}],"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=21927"}],"version-history":[{"count":2,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/21927\/revisions"}],"predecessor-version":[{"id":21929,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/21927\/revisions\/21929"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=21927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=21927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=21927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}