{"id":58155,"date":"2023-01-26T03:01:38","date_gmt":"2023-01-25T17:01:38","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=58155"},"modified":"2023-01-25T14:37:42","modified_gmt":"2023-01-25T04:37:42","slug":"wikipedia-colour-coded-mark-through-links-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wikipedia-colour-coded-mark-through-links-tutorial\/","title":{"rendered":"Wikipedia Colour Coded Mark Through Links Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Wikipedia Colour Coded Mark Through Links Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/\/wiki_mark_eight_colour_coding.jpg\" title=\"Wikipedia Colour Coded Mark Through Links Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Wikipedia Colour Coded Mark Through Links Tutorial<\/p><\/div>\n<p>You might be figuring that judging by today&#8217;s blog posting topic, adding to yesterday&#8217;s <a title='Wikipedia Mark Language Tutorial' href='#wmlt'>Wikipedia Mark Language Tutorial<\/a>, that &#8230;<\/p>\n<ul>\n<li>we are somehow adding colour coded &#8220;mark&#8221; element functionality &#8230; and &#8230;<\/li>\n<li>we are allowing user to click links within the marked Wikipedia content and <font color=blue>continue onto (further) marked Wikipedia content<\/font> &#8230;<br \/>\n&lt;?php<br \/>\n<code><br \/>\n    <font color=blue>$postub=\"\";<\/font><br \/>\n    $ub=\"http:\/\/\" . $_SERVER['SERVER_NAME'] . str_replace(\":443\",\"\",\":\" . $_SERVER['SERVER_PORT']) . $_SERVER['REQUEST_URI'];<br \/>\n    \/\/ ...<br \/>\n    $ubf=explode(\"?\", $ub);<br \/>\n    $udirname=str_replace(\"\/wiki_\" . \"mark_eight.php\", \"\/\", $ubf[0]);<br \/>\n    \/\/ ...<br \/>\n    <font color=blue>if (strpos($ub, \"&url=\") !== false && isset($_POST['ongoing'])) {<br \/>\n      $postub=explode(\"&url=\", $ub)[0] . \"&url=\";<br \/>\n    }<\/font><br \/>\n    <font color=blue>if ($postub != \"\") {<br \/>\n     $inth=str_replace(\"'\/wiki\/\", \"'\" . $postub, $inth);<br \/>\n     $inth=str_replace('\"\/wiki\/', '\"' . $postub, $inth);<br \/>\n     } else {<\/font><br \/>\n     $inth=str_replace(\"'\/wiki\/\", \"'\" . explode(\"\/wiki\/\", $udirname)[0] . \"\/wiki\/\", $inth);<br \/>\n     $inth=str_replace('\"\/wiki\/', '\"' . explode(\"\/wiki\/\", $udirname)[0] . \"\/wiki\/\", $inth);<br \/>\n    <font color=blue>}<\/font><br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<\/li>\n<\/ul>\n<p> &#8230; today &#8230; and you&#8217;d be right &#8230; congratulations!<\/p>\n<p>Yes, it&#8217;s through dropdown user interfacing we have a six way mode of use as per the &#8220;used to be an &#8216;s&#8217; hardcoding&#8221; just proving the point that <a target=_blank href='https:\/\/www.youtube.com\/watch?v=PTsSk0r_Tq8'>&#8220;Words Don&#8217;t Come Easy to Me &#8230;&#8221;<\/a> &#8230;<\/p>\n<p><code><br \/>\nWord<select id=slist onchange=ask(this);><option value=''>s<\/option><option value=' '>s ongoing<\/option><option value=list>s and list<\/option><option value=LIST>s and list ongoing<\/option><option value=only>list only<\/option><option value=ONLY>list only ongoing<\/option><\/select><br \/>\n<\/code><\/p>\n<p> &#8230; &#8220;&#8230; How Can I Find a Way &#8230;&#8221; &#8230; but we digress?!<\/p>\n<p>Combine this with the minus &#10134; ( ie. &amp;#10134; ) emoji &#8220;show below&#8221; (button) idea and you can be looking through Wikipedia content looking for words of personal interest to your topics of interest.   Those colour coded word lists can be remembered for the next time, in window.<a target=_blank title='window.localStorage information from W3schools' href='https:\/\/www.w3schools.com\/jsref\/prop_win_localstorage.asp'>localStorage<\/a>, if you like, as well.<\/p>\n<p>Try all this in <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php--GETME\">the changed<\/a> &#8220;third draft&#8221; PHP <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php--GETME\">wiki_mark_eight.php<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php\">web application<\/a> we hope you are interested in (re-)trying, <a href='#ifmwe' title='Do below'>perhaps below<\/a>?!<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/wikipedia-colour-coded-mark-through-links-tutorial\/'>Wikipedia Colour Coded Mark Through Links Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wmlt'>Previous relevant <a target=_blank title='Wikipedia Mark Language Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wikipedia-mark-language-tutorial\/'>Wikipedia Mark Language Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Wikipedia Mark Language Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/\/wiki_mark_eight_languages.jpg\" title=\"Wikipedia Mark Language Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Wikipedia Mark Language Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Wikipedia Mark Primer Tutorial' href='#wmpt'>Wikipedia Mark Primer Tutorial<\/a>&#8216;s efforts were a first effort at ideas surrounding &#8230; <\/p>\n<ul>\n<li>take <a target=_blank title='Wikipedia ... thanks' href='http:\/\/wikipedia.org'>Wikipedia<\/a> content, thanks &#8230; and &#8230;<\/li>\n<li>surround textual webpage body content via &#8220;mark&#8221; HTML element (effectively annotating it) &#8230; for the purposes as an aid to &#8220;skim reading&#8221; for &#8230;<\/li>\n<li>content words whose length are on or longer than a user nominated length<\/li>\n<\/ul>\n<p> &#8230; and today we attend to &#8230;<\/p>\n<ul>\n<li>some mobile platform issues<\/li>\n<li>Wikipedia based language considerations<\/li>\n<li>a progress cursor arrangement (for that &#8220;show below&#8221; arrangement)<\/li>\n<\/ul>\n<p> &#8230; in <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php-GETME\">the changed<\/a> &#8220;second draft&#8221; PHP <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php-GETME\">wiki_mark_eight.php<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php\">web application<\/a> we hope you are interested in (re-)trying.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/wikipedia-mark-language-tutorial\/'>Wikipedia Mark Language Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wmpt'>Previous relevant <a target=_blank title='Wikipedia Mark Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wikipedia-mark-primer-tutorial\/'>Wikipedia Mark Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Wikipedia Mark Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/\/wiki_mark_eight.jpg\" title=\"Wikipedia Mark Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Wikipedia Mark Primer Tutorial<\/p><\/div>\n<p>We&#8217;ve got a new &#8220;proof of concept&#8221; PHP <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php_GETME\">wiki_mark_eight.php<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php\">web application<\/a> for you to try today.  We&#8217;re interested in the notion, perhaps, that highlighted webpage word content can help with &#8220;skim reading&#8221;.  Does it help you notice, or partition somehow, on the fly, if you are doing research and development in a limited period of time?<\/p>\n<p>We&#8217;ll readily admit &#8230; the jury&#8217;s out.  But we could give it a go with <a target=_blank title='Wikipedia ... thanks' href='http:\/\/wikipedia.org'>Wikipedia<\/a> content.<\/p>\n<p>So, given the web application is PHP (writing HTML) what can be the road towards Javascript DOM <a target=_blank title='HTML DOM innerText property info from W3schools'  href='https:\/\/www.w3schools.com\/jsref\/prop_node_innertext.asp'>innerText<\/a> <font color=blue>equivalence<\/font>?<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n\/\/ wiki_mark_eight.php<br \/>\n\/\/ Encase 8 letter or above words in <a target=_blank title='HTML5 mark tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_mark.asp'>&lt;mark&gt;&lt;\/mark&gt;<\/a><br \/>\n\/\/ RJM Programming<br \/>\n\/\/ January, 2023<br \/>\n<br \/>\n set_time_limit(3600);<br \/>\n<br \/>\n $letlen=8;<br \/>\n $langis='en';<br \/>\n $urlis='';<br \/>\n<br \/>\nfunction relative_to_absolute($inth) {<br \/>\n    global $urlis, $letlen;<br \/>\n    $froms=[];<br \/>\n    $sfroms=\" \";<br \/>\n    $ub=\"http:\/\/\" . $_SERVER['SERVER_NAME'] . \":\" . $_SERVER['SERVER_PORT'] . $_SERVER['REQUEST_URI'];<br \/>\n    if ($urlis != \"\") {<br \/>\n      $ubf=explode(\"?\", $urlis);<br \/>\n      $ubff=explode(\"\/\", $ubf[0]);<br \/>\n      if (strpos($ubff[sizeof($ubff) - 1], \".\") !== false && (sizeof($ubff) - 1) &gt; 2) {<br \/>\n       $ub=str_replace(\"\/\" . $ubff[sizeof($ubff) - 1], \"\/\", $ubf[0]);<br \/>\n     } else {<br \/>\n       $ub=str_replace(\"@$@\", \"\", str_replace(\"\/@$@\", \"\/\", ($ubf[0] . \"@$@\")));<br \/>\n      }<br \/>\n      $urlis=\"\";<br \/>\n    }<br \/>\n    $ubf=explode(\"?\", $ub);<br \/>\n    $udirname=str_replace(\"\/wiki_\" . \"mark_eight.php\", \"\/\", $ubf[0]);<br \/>\n    \/\/echo $udirname;<br \/>\n    \/\/exit;<br \/>\n    \/\/$low = strtolower($inth);<br \/>\n    $outth = $inth;<br \/>\n    $ideas = array(\" action='\", ' action=\"', \" Action='\", ' Action=\"', \" ACTION='\", ' ACTION=\"', \" action=\", \" Action=\", \" ACTION=\", \" href='\", ' href=\"', \" Href='\", ' Href=\"', \" HREF='\", ' HREF=\"', \" href=\", \" Href=\", \" HREF=\", \" src='\", ' src=\"', \" Src='\", ' Src=\"', \" SRC='\", ' SRC=\"', \" src=\", \" Src=\", \" SRC=\");<br \/>\n    if ($udirname != \"\") {<br \/>\n     $inth=str_replace(\"'\/static\/\", \"'\" . explode(\"\/wiki\/\", $udirname)[0] . \"\/static\/\", $inth);<br \/>\n     $inth=str_replace('\"\/static\/', '\"' . explode(\"\/wiki\/\", $udirname)[0] . \"\/static\/\", $inth);<br \/>\n     $inth=str_replace(\"'\/wiki\/\", \"'\" . explode(\"\/wiki\/\", $udirname)[0] . \"\/wiki\/\", $inth);<br \/>\n     $inth=str_replace('\"\/wiki\/', '\"' . explode(\"\/wiki\/\", $udirname)[0] . \"\/wiki\/\", $inth);<br \/>\n     $inth=str_replace(\"'\/w\/\", \"'\" . explode(\"\/wiki\/\", $udirname)[0] . \"\/w\/\", $inth);<br \/>\n     $inth=str_replace('\"\/w\/', '\"' . explode(\"\/wiki\/\", $udirname)[0] . \"\/w\/\", $inth);<br \/>\n     $outth = $inth;<br \/>\n     for ($m=0; $m&lt;sizeof($ideas); $m++) {<br \/>\n      $huhs = explode($ideas[$m], $inth);<br \/>\n      if (sizeof($huhs) &gt; 1) {<br \/>\n        for ($ii=(sizeof($huhs) - 1); $ii&gt;=1; $ii--) {<br \/>\n          if (strtolower(str_replace(\"file\", \"http\", strtolower(substr($huhs[$ii], 0, 4)))) == \"http\") {<br \/>\n            $outth = $outth;<br \/>\n          } else if (substr($huhs[$ii], 0, 1) != \"\/\" && substr($huhs[$ii], 0, 1) != \"'\" && substr($huhs[$ii], 0, 1) != '\"') {<br \/>\n            $outth = str_replace($huhs[$ii], $udirname . $huhs[$ii], $outth);<br \/>\n          } else if (substr($huhs[$ii], 1, 1) != \"\/\" && substr($huhs[$ii], 0, 1) != \"'\" && substr($huhs[$ii], 0, 1) != '\"') {<br \/>\n            $outth = str_replace($huhs[$ii], substr($udirname, 0, (strlen($udirname) - 0)) . $huhs[$ii], $outth);<br \/>\n          }<br \/>\n        }<br \/>\n      }<br \/>\n     }<br \/>\n    }<br \/>\n<br \/> <br \/>\n    <font color=blue>$cerrs=explode(\"&gt;\", $outth);<br \/>\n    for ($jj=1; $jj&lt;sizeof($cerrs); $jj++) {<br \/>\n    \/\/$aerrs=explode(\" \", $outth);<br \/>\n    $aerrs=explode(\" \", explode('&lt;', $cerrs[$jj])[0]);<\/font><br \/>\n    for ($ii=0; $ii&lt;sizeof($aerrs); $ii++) {<br \/>\n      if (strlen($aerrs[$ii]) &gt;= $letlen) {<br \/>\n        if (strpos($sfroms, ' ' . $aerrs[$ii] . ' ') === false) {<br \/>\n          $berrs=explode(' ' . $aerrs[$ii] . ' ', $outth);<br \/>\n          \/\/$laste=explode(\"&gt;\", $berrs[0])[-1 + sizeof(explode(\"&gt;\", $berrs[0]))];<br \/>\n          \/\/if (strpos($laste, \"&lt;\") === false) {<br \/>\n            $sfroms.=$aerrs[$ii] . ' ';<br \/>\n          \/\/}<br \/>\n        }<br \/>\n      }<br \/>\n    }<br \/>\n    <font color=blue>}<\/font><br \/>\n<br \/> <br \/>\n    $froms=explode(\" \", trim($sfroms));<br \/>\n    for ($ii=0; $ii&lt;sizeof($froms); $ii++) {<br \/>\n      $outth=str_replace(' ' . $froms[$ii] . '&lt;', ' &lt;mark&gt;' . $froms[$ii] . '&lt;\/mark&gt;&lt;', str_replace('&gt;' . $froms[$ii] . ' ', '&gt;&lt;mark&gt;' . $froms[$ii] . '&lt;\/mark&gt; ', str_replace(' ' . $froms[$ii] . ' ', ' &lt;mark&gt;' . $froms[$ii] . '&lt;\/mark&gt; ', $outth)));<br \/>\n    }<br \/>\n    return $outth;<br \/>\n}<br \/>\n<br \/>\n if (isset($_GET['url'])) {<br \/>\n   if (isset($_GET['letlen'])) {<br \/>\n     $letlen=urldecode($_GET['letlen']);<br \/>\n   }<br \/>\n   $urlis=urldecode($_GET['protocol']) . urldecode($_GET['lang']) . urldecode($_GET['afterlang']) . str_replace('+','_',urldecode($_GET['url']));<br \/>\n   \/\/echo $urlis;<br \/>\n   \/\/exit;<br \/>\n   $contis=file_get_contents($urlis);<br \/>\n   echo relative_to_absolute($contis);<br \/>\n   exit;<br \/>\n<br \/> <br \/>\n } else {<br \/>\n<br \/> <br \/>\n    echo \"&lt;html&gt;<br \/>\n    &lt;head&gt;<br \/>\n    &lt;script type='text\/javascript'&gt;<br \/>\n    var place='_blank';<br \/>\n<br \/> <br \/>\n    function ChangeLcodeNow(selov) {<br \/>\n      document.getElementById('lang').value=selov.substring(0,2);<br \/>\n    }<br \/>\n<br \/> <br \/>\n    function toggle(ia) {<br \/>\n      if (place == '_blank') {<br \/>\n        place='below';<br \/>\n        document.getElementById('myform').target=place;<br \/>\n        ia.title='Click for New Tab';<br \/>\n        ia.innerHTML='+';<br \/>\n        document.getElementById('myhr').style.display='block';<br \/>\n      } else {<br \/>\n        place='_blank';<br \/>\n        document.getElementById('myform').target=place;<br \/>\n        ia.title='Click for Below';<br \/>\n        ia.innerHTML='-';<br \/>\n      }<br \/>\n    }<br \/>\n    &lt;\/script&gt;<br \/>\n    &lt;\/head&gt;<br \/>\n    &lt;body style=background-color:#f0f0f0; onload=\\\" if (document.URL.indexOf('https:') == 0) { location.href='http:' + document.URL.substring(6); }  \\\"&gt;<br \/>\n    &lt;form onsubmit=\\\" if (place != '_blank') { document.getElementById('below').style.display='block';  }  return true; \\\" id=myform target=_blank action=http:\/\/\" . $_SERVER['SERVER_NAME'] . str_replace(\":80\",\"\",str_replace(\":443\",\"\",\":\" . $_SERVER['SERVER_PORT'])) . explode('#',explode('?',$_SERVER['REQUEST_URI'])[0])[0] . \" method=GET&gt;<br \/>\n    &lt;h1&gt;Wikipedia Mark &lt;input type=number style=display:inline-block;width:50px; name=letlen value='8' min=6&gt;&lt;\/input&gt; and Above Length Words&lt;\/h1&gt;<br \/>\n    &lt;h3&gt;RJM Programming &lt;a onclick=toggle(this); style=cursor:pointer; title='Click for Below'&gt;-&lt;\/a&gt; January, 2023&lt;\/h3&gt;<br \/>\n    &lt;input type=text style=display:inline-block;width:50px; name=protocol value='http:\/\/' readonly&gt;&lt;\/input&gt;&lt;select style=dislay:inline-block;width:1px;background-color:lightpink; id=language title='Optionally select language' onchange='ChangeLcodeNow(this.value);'&gt;&lt;option id=langone value='en'&gt;English (en)&lt;\/option&gt;&lt;option value='af'&gt;Afrikaans&lt;\/option&gt;&lt;option value='sq'&gt;Albanian&lt;\/option&gt;&lt;option value='am'&gt;Amharic \u2728&lt;\/option&gt;&lt;option value='ar'&gt;Arabic&lt;\/option&gt;&lt;option value='hy'&gt;Armenian&lt;\/option&gt;&lt;option value='az'&gt;Azerbaijani&lt;\/option&gt;&lt;option value='eu'&gt;Basque&lt;\/option&gt;&lt;option value='be'&gt;Belarusian&lt;\/option&gt;&lt;option value='bn'&gt;Bengali \u2728&lt;\/option&gt;&lt;option value='bs'&gt;Bosnian \u2728&lt;\/option&gt;&lt;option value='bg'&gt;Bulgarian&lt;\/option&gt;&lt;option value='ca'&gt;Catalan&lt;\/option&gt;&lt;option value='ceb'&gt;Cebuano \u2728&lt;\/option&gt;&lt;option value='zh-CN'&gt;Chinese (Simplified)&lt;\/option&gt;&lt;option value='zh-TW'&gt;Chinese (Traditional)&lt;\/option&gt;&lt;option value='co'&gt;Corsican \u2728&lt;\/option&gt;&lt;option value='hr'&gt;Croatian&lt;\/option&gt;&lt;option value='cs'&gt;Czech&lt;\/option&gt;&lt;option value='da'&gt;Danish&lt;\/option&gt;&lt;option value='nl'&gt;Dutch&lt;\/option&gt;&lt;option value='en'&gt;English&lt;\/option&gt;&lt;option value='eo'&gt;Esperanto \u2728&lt;\/option&gt;&lt;option value='et'&gt;Estonian&lt;\/option&gt;&lt;option value='fi'&gt;Finnish&lt;\/option&gt;&lt;option value='fr'&gt;French&lt;\/option&gt;&lt;option value='fy'&gt;Frisian \u2728&lt;\/option&gt;&lt;option value='gl'&gt;Galician&lt;\/option&gt;&lt;option value='ka'&gt;Georgian&lt;\/option&gt;&lt;option value='de'&gt;German&lt;\/option&gt;&lt;option value='el'&gt;Greek&lt;\/option&gt;&lt;option value='gu'&gt;Gujarati \u2728&lt;\/option&gt;&lt;option value='ht'&gt;Haitian Creole&lt;\/option&gt;&lt;option value='ha'&gt;Hausa \u2728&lt;\/option&gt;&lt;option value='haw'&gt;Hawaiian \u2728&lt;\/option&gt;&lt;option value='he'&gt;Hebrew&lt;\/option&gt;&lt;option value='hi'&gt;Hindi&lt;\/option&gt;&lt;option value='hmn'&gt;Hmong \u2728&lt;\/option&gt;&lt;option value='hu'&gt;Hungarian&lt;\/option&gt;&lt;option value='is'&gt;Icelandic&lt;\/option&gt;&lt;option value='ig'&gt;Igbo \u2728&lt;\/option&gt;&lt;option value='id'&gt;Indonesian&lt;\/option&gt;&lt;option value='ga'&gt;Irish&lt;\/option&gt;&lt;option value='it'&gt;Italian&lt;\/option&gt;&lt;option value='ja'&gt;Japanese&lt;\/option&gt;&lt;option value='jv'&gt;Javanese \u2728&lt;\/option&gt;&lt;option value='kn'&gt;Kannada \u2728&lt;\/option&gt;&lt;option value='kk'&gt;Kazakh \u2728&lt;\/option&gt;&lt;option value='km'&gt;Khmer \u2728&lt;\/option&gt;&lt;option value='rw'&gt;Kinyarwanda \u2728&lt;\/option&gt;&lt;option value='ko'&gt;Korean&lt;\/option&gt;&lt;option value='ku'&gt;Kurdish \u2728&lt;\/option&gt;&lt;option value='ky'&gt;Kyrgyz \u2728&lt;\/option&gt;&lt;option value='lo'&gt;Lao \u2728&lt;\/option&gt;&lt;option value='lv'&gt;Latvian&lt;\/option&gt;&lt;option value='lt'&gt;Lithuanian&lt;\/option&gt;&lt;option value='lb'&gt;Luxembourgish \u2728&lt;\/option&gt;&lt;option value='mk'&gt;Macedonian&lt;\/option&gt;&lt;option value='mg'&gt;Malagasy \u2728&lt;\/option&gt;&lt;option value='ms'&gt;Malay&lt;\/option&gt;&lt;option value='ml'&gt;Malayalam \u2728&lt;\/option&gt;&lt;option value='mt'&gt;Maltese&lt;\/option&gt;&lt;option value='mi'&gt;Maori \u2728&lt;\/option&gt;&lt;option value='mr'&gt;Marathi \u2728&lt;\/option&gt;&lt;option value='mn'&gt;Mongolian \u2728&lt;\/option&gt;&lt;option value='my'&gt;Myanmar (Burmese) \u2728&lt;\/option&gt;&lt;option value='ne'&gt;Nepali \u2728&lt;\/option&gt;&lt;option value='no'&gt;Norwegian&lt;\/option&gt;&lt;option value='ny'&gt;Nyanja (Chichewa) \u2728&lt;\/option&gt;&lt;option value='or'&gt;Odia (Oriya) \u2728&lt;\/option&gt;&lt;option value='ps'&gt;Pashto \u2728&lt;\/option&gt;&lt;option value='fa'&gt;Persian&lt;\/option&gt;&lt;option value='pl'&gt;Polish&lt;\/option&gt;&lt;option value='pt'&gt;Portuguese (Portugal, Brazil)&lt;\/option&gt;&lt;option value='pa'&gt;Punjabi \u2728&lt;\/option&gt;&lt;option value='ro'&gt;Romanian&lt;\/option&gt;&lt;option value='ru'&gt;Russian&lt;\/option&gt;&lt;option value='sm'&gt;Samoan \u2728&lt;\/option&gt;&lt;option value='gd'&gt;Scots Gaelic \u2728&lt;\/option&gt;&lt;option value='sr'&gt;Serbian&lt;\/option&gt;&lt;option value='st'&gt;Sesotho \u2728&lt;\/option&gt;&lt;option value='sn'&gt;Shona \u2728&lt;\/option&gt;&lt;option value='sd'&gt;Sindhi \u2728&lt;\/option&gt;&lt;option value='si'&gt;Sinhala (Sinhalese) \u2728&lt;\/option&gt;&lt;option value='sk'&gt;Slovak&lt;\/option&gt;&lt;option value='sl'&gt;Slovenian&lt;\/option&gt;&lt;option value='so'&gt;Somali \u2728&lt;\/option&gt;&lt;option value='es'&gt;Spanish&lt;\/option&gt;&lt;option value='su'&gt;Sundanese \u2728&lt;\/option&gt;&lt;option value='sw'&gt;Swahili&lt;\/option&gt;&lt;option value='sv'&gt;Swedish&lt;\/option&gt;&lt;option value='tl'&gt;Tagalog (Filipino)&lt;\/option&gt;&lt;option value='tg'&gt;Tajik \u2728&lt;\/option&gt;&lt;option value='ta'&gt;Tamil \u2728&lt;\/option&gt;&lt;option value='tt'&gt;Tatar \u2728&lt;\/option&gt;&lt;option value='te'&gt;Telugu \u2728&lt;\/option&gt;&lt;option value='th'&gt;Thai&lt;\/option&gt;&lt;option value='tr'&gt;Turkish&lt;\/option&gt;&lt;option value='tk'&gt;Turkmen \u2728&lt;\/option&gt;&lt;option value='uk'&gt;Ukrainian&lt;\/option&gt;&lt;option value='ur'&gt;Urdu&lt;\/option&gt;&lt;option value='ug'&gt;Uyghur \u2728&lt;\/option&gt;&lt;option value='uz'&gt;Uzbek \u2728&lt;\/option&gt;&lt;option value='vi'&gt;Vietnamese&lt;\/option&gt;&lt;option value='cy'&gt;Welsh&lt;\/option&gt;&lt;option value='xh'&gt;Xhosa \u2728&lt;\/option&gt;&lt;option value='yi'&gt;Yiddish&lt;\/option&gt;&lt;option value='yo'&gt;Yoruba \u2728&lt;\/option&gt;&lt;option value='zu'&gt;Zulu \u2728&lt;\/option&gt;&lt;\/select&gt;&lt;input title=Language type=text style=display:inline-block;width:25px;background-color:lightpink; id=lang name=lang value='en' minlength=2 maxlength=2&gt;&lt;\/input&gt;&lt;input type=text style='display:inline-block;width:130px;' id=afterlang name=afterlang value='.wikipedia.org\/wiki\/' readonly&gt;&lt;\/input&gt;&lt;input type=text style='display:inline-block;background-color:lightpink;' id=url name=url placeholder='Your_Topic_Goes_Here' value=''&gt;&lt;\/input&gt;<br \/>\n    &lt;input type=submit value='Mark' style=background-color:yellow;&gt;&lt;\/input&gt;<br \/>\n    &lt;\/form&gt;<br \/>\n    &lt;hr id=myhr style=display:none;&gt;&lt;\/hr&gt;<br \/>\n    &lt;iframe frameborder=0 name=below id=below style=display:none;width:100%;height:900px;&gt;&lt;\/iframe&gt;<br \/>\n    &lt;\/body&gt;<br \/>\n    &lt;\/html&gt;\";<br \/>\n }<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p>Feel free to try below, if you like &#8230;<\/p>\n<p><iframe id=ifmwe style=\"width:100%;height:900px;\" src=\"https:\/\/www.rjmprogramming.com.au\/wiki_mark_eight.php\"><\/iframe><\/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='#d58145' onclick='var dv=document.getElementById(\"d58145\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/highlight\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58145' 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='#d58150' onclick='var dv=document.getElementById(\"d58150\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/language\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58150' 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='#d58155' onclick='var dv=document.getElementById(\"d58155\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/list\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58155' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>You might be figuring that judging by today&#8217;s blog posting topic, adding to yesterday&#8217;s Wikipedia Mark Language Tutorial, that &#8230; we are somehow adding colour coded &#8220;mark&#8221; element functionality &#8230; and &#8230; we are allowing user to click links within &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wikipedia-colour-coded-mark-through-links-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":[224,3374,3533,257,2276,2147,354,367,2349,576,587,2469,652,1560,1807,705,710,2415,2165,795,4189,919,932,997,1761,3044,3274,1057,1866,4225,4223,1319,1431,1452,4224,1622],"class_list":["post-58155","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-colour","tag-colour-coding","tag-comma","tag-content","tag-delimitation","tag-delimiter","tag-dom","tag-dropdown","tag-highlight","tag-html","tag-iframe","tag-innertext","tag-javascript","tag-language","tag-link","tag-links","tag-list","tag-localstorage","tag-mark","tag-mobile","tag-mode-of-use","tag-personalization","tag-php","tag-programming","tag-prompt","tag-reading","tag-recall","tag-research","tag-select","tag-semicolon","tag-skim","tag-tutorial","tag-wikipedia","tag-word","tag-word-list","tag-words"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58155"}],"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=58155"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58155\/revisions"}],"predecessor-version":[{"id":58163,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58155\/revisions\/58163"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=58155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=58155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=58155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}