Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- PHP Exif Quiz Geographicals Tutorial
- PHP Exif Quiz Tutorial
- PHP Exif Retention off iPhone Images Tutorial
- List to Grid Layout CSS Media Query Tutorial
- List to Grid Layout Primer Tutorial
- Out and About WordPress Blog Content Tweaks Just with iPhone Tutorial
- Command Line History By Date Tutorial
- Overseas Travel Global Roaming Mobile Primer Tutorial
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: url
Canvas Sharing via Email Hashtagging Mobile Tutorial
On mobile platforms, quite rightly, be wary of “programmed only click logic”. Along with controlling media playing, this mobile platform idea of needing a real user click to perform some Javascript logic, may be a reason something you have works on non-mobile platforms but not on mobile ones. Sure, as it pans out, we don’t believe it was the case here. With amendments to the recent Canvas Sharing via Email Hashtagging Tutorial‘s logic, we now think it was us launching a mailto: or sms: “a” link from within an iframe, which is not a great move. Using target=_top for this scenario. Take a look at some tweaks better fitting in with mobile usage of our “User of Signature Signature” web application … if (1 == 1) { if (1 == 1 && (” + parent.document.getElementById(‘jsemail’).value).indexOf(‘@’) != -1 && (” + document.getElementById(‘contentto’).value).indexOf(‘data:image’ + (‘/jpeg;base64,’).substring(0,1)) != -1) { azx=top.document.createElement(“a”); top.document.body.appendChild(azx); azx.style = “display: none”; azx.target = ‘_top’; azx.href = ‘mailto:’ + parent.document.getElementById(‘jsemail’).value.trim() + (‘?subject=’ + encodeURIComponent(document.getElementById(‘subject’).value)).replace(/subject\=$/g,’subject=My%20Canvas%20Creation’) + ‘&body=’ + encodeURIComponent(top.document.URL.split(‘?’)[0].split(‘#’)[0] + (‘?subject=’ + encodeURIComponent(document.getElementById(‘subject’).value)).replace(/subject\=$/g,’subject=My%20Canvas%20Creation’) + ‘#img=’ + encodeURIComponent(document.getElementById(‘contentto’).value)); azx.click(); } //else { document.getElementById(‘contentto’).value); setTimeout(function(){ document.getElementById(‘myform’).submit(); }, 10000); //} } else { document.getElementById(‘mysbut’).click(); } See this mobile platform improvement, in action, with the tweaked external Javascript signature_signature.js code used by our signature use in canvas supervisory web application. Previous relevant Canvas Sharing via Email Hashtagging Tutorial is shown below. We’re regular “tweakers” (for example, with Canvas via Image Web Share API Photo Postcard Tutorial) of what we call the … canvas … based … signatures … possible … scribble … or … discrete click … creating … annotation … friendly … … “graphics sharing” web application “User of Signature Signature”. And with us, more and more … decoupling our PHP mail sharing conduits … in favour of … “a” link “mailto:” email (and sometimes “sms:” SMS) communication conduits … now making use of … hashtagging … parts to URLs used … … because this methodology has fewer data limits, it being a “clientside” only (for the main part) means of sharing data. Today, we’re looking into this. Happily, for this work, “the lynchpin” is some “signature_signature.js” external Javascript, which is all that needs tweaking to make these changes. Previously, we’d relied, more, on “signature_signature.php” PHP, which oversaw our previous interfacing to the mail server up at the RJM Programming domain via the PHP mail function. Now, the user sends their own emails with
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged annotate, annotating, annotation, canvas, collaboration, communication, conduit, digital signature, discrete click, drawImage, email, external Javascript, graphics, hashtag, hashtagging, HTML, image, Javascript, mailto, mobile, PHP, programming, scribble, share, sharing, signature, SMS, target, toDataURL, tutorial, url
Leave a comment
Canvas Sharing via Email Hashtagging Tutorial
We’re regular “tweakers” (for example, with Canvas via Image Web Share API Photo Postcard Tutorial) of what we call the … canvas … based … signatures … possible … scribble … or … discrete click … creating … annotation … friendly … … “graphics sharing” web application “User of Signature Signature”. And with us, more and more … decoupling our PHP mail sharing conduits … in favour of … “a” link “mailto:” email (and sometimes “sms:” SMS) communication conduits … now making use of … hashtagging … parts to URLs used … … because this methodology has fewer data limits, it being a “clientside” only (for the main part) means of sharing data. Today, we’re looking into this. Happily, for this work, “the lynchpin” is some “signature_signature.js” external Javascript, which is all that needs tweaking to make these changes. Previously, we’d relied, more, on “signature_signature.php” PHP, which oversaw our previous interfacing to the mail server up at the RJM Programming domain via the PHP mail function. Now, the user sends their own emails with their own email client software, and emails contain one long body URL string where … canvas … element’s … [canvasElement].toDataURL(‘image/jpeg’, 0.7) … means by which a … data URI representation of the graphical data … can be hashtagged into that long body URL string. If the email recipient clicks this link, our external Javascript … Reads such incoming data via location.hash … var azx=null, wowowo=null; var imgbih=(” + (” + location.hash).replace(/^null/g,”).replace(/^undefined/g,”)).split(‘img=’)[1] ? (decodeURIComponent((” + location.hash).replace(/^null/g,”).replace(/^undefined/g,”)).split(‘img=’)[1].split(‘&’)[0]).replace(/\ /g,’+’) : ”; var passedsubject=location.search.split(‘subject=’)[1] ? decodeURIComponent(location.search.split(‘subject=’)[1].split(‘&’)[0]) : ”; And loaded into canvas and new window … setTimeout(function(){ if (imgbih != ”) { //alert(imgbih); if (top.document.getElementById(‘topcanvas’)) { var xanimg=document.createElement(‘img’); xanimg.onload=function() { var tc=top.document.getElementById(‘topcanvas’).getContext(‘2d’); tc.drawImage(xanimg, 0, 0); }; xanimg.src=imgbih; } var wowowo=window.open(”,’_blank’,’top=100,left=100,width=800,height=800′); wowowo.document.write(‘<html><body style=”background:URL(‘ + “‘” + imgbih + “‘” + ‘);background-repeat:no-repeat;”></body></html>’); imgbih=”; if (passedsubject != ”) { wowowo.document.title=” + passedsubject; } } }, 5000); Before submitting form method=POST to signature_signature.php check out form fields … if ((” + document.getElementById(’emailto’).value).indexOf(‘@’) != -1 && (” + document.getElementById(‘contentto’).value).indexOf(‘data:image/jpeg;base64,’) != -1) { azx=document.createElement(“a”); document.body.appendChild(azx); azx.style = “display: none”; azx.href = ‘mailto:’ + document.getElementById(’emailto’).value + (‘?subject=’ + encodeURIComponent(document.getElementById(‘subject’).value)).replace(/subject\=$/g,’subject=My%20Canvas%20Creation’) + ‘&body=’ + encodeURIComponent(top.document.URL.split(‘?’)[0].split(‘#’)[0] + (‘?subject=’ + encodeURIComponent(document.getElementById(‘subject’).value)).replace(/subject\=$/g,’subject=My%20Canvas%20Creation’) + ‘#img=’ + encodeURIComponent(document.getElementById(‘contentto’).value)); azx.click(); } else { document.getElementById(‘myform’).submit(); } … to enact fairly simple changes for more stable sharing and collaboration arrangements via a tweaked external Javascript signature_signature.js code used by our signature use in canvas supervisory web application.
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged annotate, annotating, annotation, canvas, collaboration, communication, conduit, digital signature, discrete click, drawImage, email, external Javascript, graphics, hashtag, hashtagging, HTML, image, Javascript, PHP, programming, scribble, share, sharing, signature, SMS, toDataURL, tutorial, url
Leave a comment


Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.