{"id":37117,"date":"2018-03-31T03:01:43","date_gmt":"2018-03-30T17:01:43","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=37117"},"modified":"2018-03-30T18:56:18","modified_gmt":"2018-03-30T08:56:18","slug":"emoji-contact-us-feedback-integration-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/emoji-contact-us-feedback-integration-tutorial\/","title":{"rendered":"Emoji Contact Us Feedback Integration Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.htm\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Emoji Contact Us Feedback Integration Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback_revisit.jpg\" title=\"Emoji Contact Us Feedback Integration Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Emoji Contact Us Feedback Integration Tutorial<\/p><\/div>\n<p>We&#8217;re revisiting the work of <a title='Contact Us Feedback Android Tutorial' href='#cufat'>Contact Us Feedback Android Tutorial<\/a> which features &#8230;<\/p>\n<ul>\n<li>email<\/li>\n<li>feedback<\/li>\n<li>canvas<\/li>\n<\/ul>\n<p> &#8230; with some early days integration with the recent work of <a target=_blank title='Emoji Name Search Fairy Story PHP Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/emoji-name-search-fairy-story-php-tutorial\/'>Emoji Name Search Fairy Story PHP Tutorial<\/a>, because we think the addition of more sophisticated emoji search (and later, usage) functionality would be a good improvement.  Who&#8217;s to know if we can do it, but we envisage, optimistically, to involve animation and more refined positioning possibilities.<\/p>\n<p>Hope you can hang around for the full journey that starts with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.html----GETME\" title='feedback.htm'>feedback.htm<\/a> HTML and Javascript feedback functionality that changed from that 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> and which you can test for yourself at this <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/feedback.htm\" title=\"Click picture\">live run<\/a> link.<\/p>\n<hr>\n<p id='cufat'>Previous relevant <a target=_blank title='Contact Us Feedback Android Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/contact-us-feedback-android-tutorial\/'>Contact Us Feedback Android 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 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<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='#d37117' onclick='var dv=document.getElementById(\"d37117\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/emoji\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d37117' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re revisiting the work of Contact Us Feedback Android Tutorial which features &#8230; email feedback canvas &#8230; with some early days integration with the recent work of Emoji Name Search Fairy Story PHP Tutorial, because we think the addition of &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/emoji-contact-us-feedback-integration-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":[184,2284,281,380,385,1847,452,576,652,997,1319],"class_list":["post-37117","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-canvas","tag-contact","tag-css","tag-email","tag-emoji","tag-feedback","tag-form","tag-html","tag-javascript","tag-programming","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/37117"}],"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=37117"}],"version-history":[{"count":3,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/37117\/revisions"}],"predecessor-version":[{"id":37120,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/37117\/revisions\/37120"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=37117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=37117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=37117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}