{"id":52932,"date":"2021-08-06T03:01:45","date_gmt":"2021-08-05T17:01:45","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=52932"},"modified":"2021-08-05T13:48:50","modified_gmt":"2021-08-05T03:48:50","slug":"one-or-several-did-you-know-quiz-multiple-tailored-sharing-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/one-or-several-did-you-know-quiz-multiple-tailored-sharing-tutorial\/","title":{"rendered":"One or Several Did You Know Quiz Multiple Tailored Sharing Tutorial"},"content":{"rendered":"
\"One<\/a>

One or Several Did You Know Quiz Multiple Tailored Sharing Tutorial<\/p><\/div>\n

Yes, it was<\/i> the case with yesterday’s One or Several Did You Know Quiz Multiple Sharing Tutorial<\/a> that we did not allow any sharing of any question sets that were not our static default ones<\/i> …<\/p>\n

\nYou weren’t dreaming!\n<\/p><\/blockquote>\n

At first we could not imagine how to bring across all<\/i> of the window.localStorage work over via the Inline HTML Email Form method=GET form way to the rjmprogramming.com.au webpage off that and into that session’s window.localStorage in time to be able to offer a tailored<\/i> user defined question as one to be offered via email.<\/p>\n

But we were not thinking as clearly as we might. We only need one question’s worth of data funnelling through that “method=GET” (potential) blockage at a time, and we can gradually build up the window.localStorage content of the “To” email recipient to eventually match that of the window.localStorage content of the “hoster” over time, because we now pass across<\/font> another (optional) mantissa usage concept example<\/font> …<\/p>\n


\n&question=[questionNumber].[numberOfTailoredQuestionsInQuiz]<\/font>
\n&qs=[currentQuestionText]<\/font>
\n&os=[currentDisplayAnswerList]<\/font>
\n&as=[currentCorrectAnswerList]<\/font>
\n<\/code><\/p>\n

… enough information on a scenario where the “To” email recipient having no window.localStorage we just default it to [numberOfTailoredQuestionsInQuiz] sets resulting in …<\/p>\n


\n\"[numberOfTailoredQuestionsInQuiz]x,<\/sub>[currentQuestionText]\"^\"[numberOfTailoredQuestionsInQuiz]x,<\/sub>[currentDisplayAnswerList]\"^\"[numberOfTailoredQuestionsInQuiz]x,<\/sub>[currentCorrectAnswerList]\"
\n<\/code><\/p>\n

… initially in the “To” emailee’s window.localStorage and then subsequently updated depending on the next [questionNumber] to come by for our changed<\/a> one_or_several_quiz.html<\/a>‘s One or Several Did You Know Quiz<\/a> web application, way below<\/a> as well …<\/p>\n

\n

\n

Previous relevant One or Several Did You Know Quiz Multiple Sharing Tutorial<\/a> is shown below.<\/p>\n

\"One<\/a>

One or Several Did You Know Quiz Multiple Sharing Tutorial<\/p><\/div>\n

The day before yesterday’s One or Several Did You Know Quiz Multiple Mobile Tutorial<\/a>‘s One or Several Did You Know Quiz Tailored Quiz Tutorial<\/a> mentioned …<\/p>\n

\n
    \n
  • stick with some default static data … or …<\/li>\n
  • be able to create their own data which they can recall … and maybe even …<\/li>\n
  • go further and share and\/or collaborate using that data (or the default data) (where apt)<\/font><\/li>\n<\/ul>\n<\/blockquote>\n

    … where the “and maybe even” ideas we’re trying to push through today with improvements under a “share and\/or collaborate” umbrella (trying not to get too wet in the process)<\/font>.<\/p>\n

    So how does our new email “sharing” functionality work?<\/p>\n

      \n
    1. the “hoster” of email communications clicks an email 📧 emoji link …<\/li>\n
    2. the hoster is asked …
      \n
      \n emailto=prompt(\"Share your quiz questions with which email address? Optionally semicolon separate your email address ( which can be of the form J.Smith[jsmith@emailclient.com] ) which the recipient sees as the CC recipient.\", \"\");
      \n<\/code>\n<\/li>\n
    3. and if valid email addresses are defined here an Inline HTML Email Form is sent to the “To” email address defined (via our favoured “midair” Ajax<\/a>\/FormData<\/a> methodology) …
      \n
      \nfunction emailit() {
      \n var zhr = new XMLHttpRequest();
      \n var zform=new FormData();
      \n var fromx='youllneverfindthis';
      \n var tox='youwillneverfindthis';
      \n zform.append('inline', '');
      \n if (emailto.indexOf(';') != -1) {
      \n zform.append('to', emailto.split(';')[0]);
      \n if (emailto.split(';')[1].indexOf('@') != -1) {
      \n if (emailto.split(';')[1].indexOf('[') != -1 && emailto.split(';')[1].indexOf(']') != -1) {
      \n zform.append('cc', emailto.split(';')[1].split(']')[0].split('[')[1]);
      \n fromx=' Quiz<';
      \n \/\/tox=' Quiz sent by ' + emailto.split(';')[1].replace('[' + emailto.split(';')[1].split(']')[0].split('[')[1] + ']', '') + '<';
      \n tox=' Quiz sent by <a target=_blank title=Email href=\"mailto:' + emailto.split(';')[1].split(']')[0].split('[')[1] + '?subject=Quiz\">' + emailto.split(';')[1].replace('[' + emailto.split(';')[1].split(']')[0].split('[')[1] + ']', '') + '<\/a><';
      \n } else {
      \n zform.append('cc', emailto.split(';')[1]);
      \n }
      \n } else {
      \n fromx=' Quiz<';
      \n \/\/tox=' Quiz sent by ' + emailto.split(';')[1] + '<';
      \n tox=' Quiz sent by <a target=_blank title=Email href=\"mailto:' + emailto.split(';')[1] + '?subject=Quiz\">' + emailto.split(';')[1] + '<\/a><';
      \n }
      \n } else {
      \n zform.append('to', emailto);
      \n }
      \n zform.append('subj', 'Did You Know Quiz');
      \n var fromc=document.getElementById('score').innerHTML;
      \n var toc='Score: ' + document.getElementById('hscore').value + '\/' + document.getElementById('hgoes').value;
      \n if (dbih != '') {
      \n zform.append('htmlis', '<body>' + dbih.replace('display:NONE','display:BLOCK').replace(\/In\\ order\\ w\/g,'W').replace(\/In\\ order\\ \/g,'').replace(\/\\,\/g,', ').replace(fromc, toc).replace(fromx, tox).replace('📧',',') + '<\/body>');
      \n } else {
      \n zform.append('htmlis', '<body>' + document.body.innerHTML.replace('display:NONE','display:BLOCK').replace(\/In\\ order\\ w\/g,'W').replace(\/In\\ order\\ \/g,'').replace(\/\\,\/g,', ').replace(fromc, toc).replace(fromx, tox).replace('📧',',') + '<\/body>');
      \n }
      \n zhr.open('post', '\/\/www.rjmprogramming.com.au\/HTMLCSS\/emailhtml.php', true);
      \n zhr.send(zform);
      \n return false;
      \n}
      \n<\/code>\n<\/li>\n
    4. and for the “To” emailee opening that email they fill out an answer set and click the “Am I Correct?” button to navigate back to the public rjmprogramming.com.au domain webpage … where …<\/li>\n
    5. scores are updated and then saved in window.localStorage to recall for any more emails that arrive from emails sent by the “hoster” in their session sharing the quiz with the “To” emailee … as well as there being a way for the “To” emailee user venture off on their own quiz in a new web browser tab as required<\/li>\n<\/ol>\n

      If this sounds interesting you could try our changed<\/a> one_or_several_quiz.html<\/a>‘s One or Several Did You Know Quiz<\/a> web application, way below<\/a> as well …<\/p>\n