The Three P Three Modes Calling Card Tutorial

The Three P Three Modes Calling Card Tutorial

The Three P Three Modes Calling Card Tutorial

Today, we extend the Email functionality of yesterday, with a “Calling Card” functionality idea.

Yesterday’s work personalized the application in the sense that you could “share” your profile with others, but each time you had to either dig up an old email, or run through the profile questions again, but today, with our “Calling Card” idea we offer you the chance to snapshot the Profile Report into an image you can (download and) keep.

In order to do this, at the client end, we have the HTML5 canvas element, and its brilliant toDataURL method to thank … so … ta muchly, CatDurl.

We have then, today, a new “Calling Card” HTML a link, which looks a bit like a button, and when pressed shows you the created Calling Card (image) below. Right click options on this image allow you to …

  • copy that image into a buffer
  • save the image to a hard disk
  • copy the image ready to paste it into the body section of an Email, as per yesterday’s The Three P Three Modes Sharing Tutorial as shown below … bit like an Email signature

Again, please take a look at the PHP source code you could call interactive_becomes_web.php changed from yesterday in this way and for that first Surfing the Web mode we can give you a live run link to peruse, as well. Again, we really hope this helps you with some ideas you’ve been working on.


Previous relevant The Three P Three Modes Sharing Tutorial is shown below.

The Three P Three Modes Sharing Tutorial

The Three P Three Modes Sharing Tutorial

Do you remember yesterday’s (The Three P Three Modes Primer Tutorial) Rudimentary Profile Report featuring The Three Ps and The Three (PHP) Modes of Use? Well, we thought we could improve that application by offering the user a sharing functionality idea, and that is, as so often at this blog, the chance for the user to send an email snapshot of their Profile Report.

Please take a look at the PHP source code you could call interactive_becomes_web.php changed from yesterday in this way and for that first Surfing the Web mode we can give you a live run link to peruse, as well. We hope this helps you with some ideas.

We send the user off to their default email client by using HTML a tags with href properties starting with mailto: to achieve this.

If you examine the code you’ll see that a large number of calls are made to …

… to have it so that the link in the email is user genial.

We add little bits of CSS styling to make the HTML a tags look a bit like buttons, as well, and we hope this gives you some ideas.


Previous relevant The Three P Three Modes Primer Tutorial is shown below.

The Three P Three Modes Primer Tutorial

The Three P Three Modes Primer Tutorial

Today we show three PHP modes of use with a Rudimentary Profile Report application, showing our usual (modes of use (ideas of)) …

  • Surfing the Web – with a URL typed into web browser address bar and interactively piecing together the (profile) report
  • Command Line PHP – with an interactive entry session on the (Bash) Linux command line on a MacBook Pro Terminal application session, and then firing off the report to a web browser (profile) report
  • Curl use of PHP – with a command on the (Bash) Linux command line on a MacBook Pro Terminal application session, and then firing off an interactive web page piecing together the (profile) report to a web browser report

And today we detect The Three P’s sleigh riding again, with …

  • PHP as the primary web server language used, using its exec method to call …
  • Python helps the Command Line PHP and Curl use of PHP modes fire up the web page in a web browser from the command line via the -mwebbrowser (Python command line usage) switch
  • Perl is used, a bit like the Linux sed command, to help the Command Line PHP and Curl use of PHP modes populate the Javascript DOM innerHTML property of the following web page’s H1 heading, to give context to whose profile is involved

We tried an idea for the first time today. Paring it down, the idea is the use of a PHP function …


function get_line($inidea, $j) {
$suffix="";
if ($j == 1) $suffix="<script> document.getElementById('myh1').innerHTML='Profile for ' + document.getElementById('t0').innerHTML + ' ' + document.getElementById('t1').innerHTML; </script>";
return "\n" . '<script> document.write(("<td>' . $inidea . '</td><td id=t' . $j . '>" + prompt("What is your ' . $inidea . '? You can Cancel or OK nothing.","") + "</td>").replace("<td>' . $inidea . '</td><td id=t' . $j . '></td>","<td></td><td id=t' . $j . '></td>").replace("<td>' . $inidea . '</td><td id=t' . $j . '>null</td>","<td></td><td id=t' . $j . '></td>")); </script>' . $suffix . "\n";
}

… that embeds within a <tr></tr> HTML table row, cell data information within those rows “on the fly”, by interactively asking for Profile (Report) information, at the client, via the Javascript prompt() method, encased within the Javascript DOM document.write() method.

So please take a look at the PHP source code you could call interactive_becomes_web.php and for that first Surfing the Web mode we can give you a live run link to peruse, as well. We hope this helps you with some ideas.

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

This entry was posted in eLearning, Tutorials and tagged , , , , , , , , , , , , . Bookmark the permalink.

16 Responses to The Three P Three Modes Calling Card Tutorial

  1. I bookmared your web-site a few days ago coz your blog impresses me.`,,,~

  2. I actually wanted to develop a brief remark to say thanks to you for some of the great secrets you are giving out at this website. My time consuming internet research has at the end of the day been paid with reputable know-how to write about with my classmates and friends. I ‘d tell you that many of us site visitors actually are truly blessed to live in a good site with very many brilliant professionals with insightful solutions. I feel truly privileged to have come across your webpage and look forward to many more enjoyable times reading here. Thank you once more for everything.

  3. I am in fact grateful to the holder of this web site who has shared this enormous piece of writing at at this place.|

  4. My wife and i got so thankful when Michael could round up his web research because of the precious recommendations he was given while using the site. It is now and again perplexing to simply choose to be giving away guides which often the rest have been selling. And we also see we have got you to appreciate for this. The type of explanations you’ve made, the simple site menu, the friendships you will aid to foster – it is everything impressive, and it’s facilitating our son in addition to our family consider that that matter is pleasurable, which is unbelievably serious. Thank you for the whole thing!

  5. Hey dude, what sort of wordpress theme are you applying? i want it to make use of on my weblog as well “

  6. Thank you for some other informative blog. The place else may I am getting that type of info written in such a perfect means? I have a venture that I am simply now running on, and I’ve been at the glance out for such information.

  7. I needed to compose you the bit of remark to finally thank you once again over the pleasing principles you have provided on this site. It has been certainly incredibly generous with you to give publicly exactly what many individuals would’ve advertised for an electronic book to earn some cash for their own end, and in particular since you might well have done it in case you desired. Those advice in addition acted as a fantastic way to be sure that other individuals have the same desire just like my own to grasp many more around this condition. I am certain there are millions of more pleasant moments ahead for people who looked over your blog post.

  8. Harvard Law says:

    I am continuously searching online for ideas that can facilitate me. Thank you!

  9. superb post. Ne’er knew this, appreciate it for letting me know.

  10. I have read some excellent stuff here. Certainly worth bookmarking for revisiting. I wonder how much effort you put to make such a wonderful informative internet site.

  11. Royal Tajur says:

    Fairly uncommon. Is likely to appreciate it for people who contain community forums or anything, internet web site theme . a tones way for the client to communicate. Superb job..

  12. nicely, outsourcing can basically save any organization many million dollars for the reason that of cheap labor..

  13. I loved as much as you will receive carried out right here. The sketch is attractive, your authored subject matter stylish. nonetheless, you command get got an edginess over that you wish be delivering the following. unwell unquestionably come further formerly again as exactly the same nearly a lot often inside case you shield this increase.

  14. Great post. I was checking constantly this blog and I’m impressed! Very useful info specifically the last part :) I care for such information a lot. I was seeking this certain information for a very long time. Thank you and good luck.

  15. statvoo.com says:

    Excellent post. I wass checking constantly this blog and I’m impressed!

    Very helpful information specially the closing phase :) I care for such
    info much. I used to be looking for this certain information for a very long
    time. Thank you and good luck.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>