4c4
< <title>Textarea Talent - RJM Programming - September, 2016 - Thanks to http://www.html5rocks.com/en/tutorials/file/dndfiles/ and https://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html</title>
---
> <title>Legend (of Map, perhaps) - RJM Programming - September, 2016 - Thanks to http://www.html5rocks.com/en/tutorials/file/dndfiles/ and https://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html</title>
21d20
<   
24d22
< <script type="text/javascript" src="textarea_talent.js"></script>
35c33
< var showalert=location.search.split('showalert=')[1] ? decodeURIComponent(location.search.split('showalert=')[1]).split('&')[0] : 'off';
---
> var showlabel=location.search.split('showlabel=')[1] ? decodeURIComponent(location.search.split('showlabel=')[1]).split('&')[0] : 'off';
478d475
< 
488c485,771
<   todowithmap();  
---
>   if (rawhtml != '' && mapimg == '') {
>   //alert(8);
>     while (rawhtml.indexOf('+') != -1) {
>       rawhtml=rawhtml.replace('+',' ');
>     }
>     //alert(rawhtml);
>     mapp=rawhtml.replace('<MAP ','<map ').indexOf('<map ');
>     bits=rawhtml.replace('<IMG','<img').split('<img ');
>     
>     if (bits.length > 1) {
>     //alert(bits[1]);
>       jmi=eval(bits[0].length + 5);
>       if (mapp != -1 && bits.length > 2) {
>         for (imi=1; imi<bits.length; imi++) {
>           jmi+=eval(bits[imi].length + 5);
>           if (eval(mapp) > eval(jmi)) mi++;
>         }
>       }
>       //alert(mi);
>       postbits=bits[mi].replace(' SRC=',' src=').split('src=');
>       if (postbits.length > 1) {
>     //alert(postbits[1]);
>         mapimg=postbits[1].replace('>',' ').split(' ')[0].replace('"','').replace('"','').replace("'","").replace("'","");
>       //alert('mApimg=' + mapimg + ' xrawurl=' + xrawurl);
>     //if (mapimg != '' && mapimg.indexOf('/') == -1 && xrawurl.indexOf('/') != -1) {
>     if (mapimg != '' && mapimg.indexOf('//') == -1 && mapimg.indexOf(':') == -1 && xrawurl.indexOf(':') != -1 && xrawurl.indexOf('//') != -1) {
>       //alert(xrawurl);
>       var qbits=xrawurl.split('/');
>       if (qbits[eval(-1 + qbits.length)].indexOf('.') != -1) {
>         mapimg=xrawurl.replace('/' + qbits[eval(-1 + qbits.length)], '/' + mapimg);
>       //alert('mapimg=' + mapimg);
>       } else if (qbits[eval(-1 + qbits.length)] == '') {
>         mapimg=xrawurl + mapimg;
>       //alert('mapImg=' + mapimg);
>       } else {
>         mapimg=xrawurl + '/' + mapimg;
>       //alert('mapiMg=' + mapimg);
>       }
>     }
>     //alert('mapiMg=' + mapimg);
>       var ioh = new Image();
>       ioh.src = mapimg;
>       ifh = eval(("" + ioh.width).replace('px',''));
>       if (eval("0" + ifh) == 0) ifh=600;
>       ifh += 200;
>       //document.title='iFh=' + ifh;
>       }
>     }
>   }
>   if (firstgo && rawhtml != '') {
>     while (rawhtml.indexOf('+') != -1) {
>       rawhtml=rawhtml.replace('+',' ');
>     }
>     //document.getElementById('tarea').value = rawhtml;
>   }
>   if (document.getElementById('showlabel').checked && showlabel != 'on') {
>     if (firstgo) {
>       document.getElementById('showlabel').checked = false;
>     } else {
>       showlabel = 'on';
>     }
>   } else if (!document.getElementById('showlabel').checked && showlabel == 'on') {
>     if (firstgo) {
>       document.getElementById('showlabel').checked = true;
>     } else {
>       showlabel = 'off';
>     }
>   }
>   firstgo = false;
>   if (rawurl) {
>   if (rawurl != '') {
>     sparer=rawurl.split('&tarea=')[0]; //.split('&')[0];
>     xrawurl=rawurl.split('&tarea=')[0]; //.split('&')[0];
>     rawurl='';
>     filen = "<a id=aplace target=_blank onclick=placeit(this); title=MapHTML href='" + sparer + "'>" + sparer + "</a>";
>     document.getElementById('url').value = sparer;
> if (1 == 3 && top.document.URL.indexOf('Opera') != -1) alert('sparer=' + sparer);
>     if (sparer.indexOf('rjmprogramming.com.au') == -1) {
> if (1 == 3 && top.document.URL.indexOf('Opera') != -1) alert('spaRer=' + sparer);
>       if (sparer.indexOf('members.ozemail.com.au/~mkuulma') != -1) {
>       if (sparer.indexOf('livingroom_corner.') != -1) {
> if (1 == 3 && top.document.URL.indexOf('Opera') != -1) alert('SpaRer=' + sparer);
>       changed(sparer.split('&tarea=')[0]);
>       } else {
> if (1 == 3 && top.document.URL.indexOf('Opera') != -1) {
> alert('spaReR=' + sparer + ' ' + isOpera);
>       changed(sparer);
>       //popup = window.open(sparer.split('&tarea=')[0], '_blank', 'top=30,left=0,width=600,height=800');
>       popup = window.open(sparer.split('&tarea=')[0], 'myif');
> } else {
>       if (isOpera || isChrome || isIE || isiPad || isWebKit) changed(sparer);
>       popup = window.open(sparer.split('&tarea=')[0], 'myif');
> }
>       }
>       } else if (1 == 2) {
>       popup = window.open(sparer.split('&tarea=')[0], '_blank', 'top=30,left=0,width=600,height=800');
>       setTimeout(crossdomainiframe,3000);
>       } else {
> if (1 == 3 && top.document.URL.indexOf('Opera') != -1) alert('spARer=' + sparer);
>       changed(sparer);
>       popup = window.open(sparer.split('&tarea=')[0], '_blank', 'top=30,left=0,width=600,height=800');
>       }
>     } else {
> if (1 == 3 && top.document.URL.indexOf('Opera') != -1) alert('sPaRer=' + sparer);
>       document.getElementById('myif').src = sparer.split('&tarea=')[0];
>     }
>     //if (mapimg != '' && mapimg.indexOf('/') == -1 && sparer.indexOf('/') != -1) {
>     if (mapimg != '' && mapimg.indexOf(':') == -1 && sparer.indexOf(':') != -1 && mapimg.indexOf('//') == -1 && sparer.indexOf('//') != -1) {
>       //alert(sparer);
>       var xbits=sparer.split('&tarea=')[0].split('/');
>       if (xbits[eval(-1 + xbits.length)].indexOf('.') != -1) {
>         mapimg=sparer.split('&tarea=')[0].replace('/' + xbits[eval(-1 + xbits.length)], '/' + mapimg);
>       //alert('mapimg=' + mapimg);
>       } else if (xbits[eval(-1 + xbits.length)] == '') {
>         mapimg=sparer.split('&tarea=')[0] + mapimg;
>       //alert('mapImg=' + mapimg);
>       } else {
>         mapimg=sparer.split('&tarea=')[0] + '/' + mapimg;
>       //alert('mapiMg=' + mapimg);
>       }
>     }
>     //alert('MapiMg=' + mapimg);
>     if (mapimg != '') {
>       var ioh = new Image();
>       ioh.src = mapimg;
>       ifh = eval(("" + ioh.width).replace('px',''));
>       if (eval("0" + ifh) == 0) ifh=600;
>       ifh += 200;
>       //document.title='iFH=' + ifh;
>     }
>     return;
>   }
>   }
>   if (rawhtml) {
>   if (rawhtml != '') {
>      // if ((location.search.split('url=')[1] ? decodeURIComponent(location.search.split('url=')[1]).split('&')[0] : '') != '') document.getElementById('tarea').value = rawhtml; //tablehtml;
>     names=[];
>     widths=[];
>     heights=[];
>     tox=[];
>     toy=[];
>     href=[]; 
>     onclick=[];
>     while (rawhtml.indexOf('+') != -1) {
>       rawhtml=rawhtml.replace('+',' ');
>     }
>     //alert(rawhtml);
>     bits=rawhtml.split('<!-- Region ');
>     if (bits.length > 1) {
>       for (j=1; j<bits.length; j++) {
>         postbits=bits[j].split(' ');
>         if (postbits.length > 1) {
>           if (showlabel == 'on') {
>            names.push(bits[j].replace(postbits[0] + ' ','').split(' -->')[0]);
>           } else {
>            names.push('<span id=span' + j + ' style=display:none;>' + bits[j].replace(postbits[0] + ' ','').split(' -->')[0] + '</span>');
>           }
>         }
>       }
>     }
>     bits=rawhtml.replace('</scr' + 'ipt','<scr' + 'ipt').split('<scr' + 'ipt');
>     if (bits.length > 1) {
>       document.getElementById('forscripts').innerHTML = '<scr' + 'ipt' + bits[1] + '</scr' + 'ipt>';
>     }
>     rawhtml=rawhtml.replace(/onClick=/g, "onclick=");
>     if (rawhtml.indexOf('coords="') != -1) {
>       bits=rawhtml.split('coords="');
>     //if ((location.search.split('url=')[1] ? decodeURIComponent(location.search.split('url=')[1]).split('&')[0] : '') != '') alert(bits.length);
>       for (j=1; j<bits.length; j++) {
>         postbits=bits[j].split('"')[0].split(',');
>         //alert(postbits.length);
>         if (postbits.length == 3) {
>           postbits=circlevia(eval(postbits[0]),eval(postbits[1]),eval(postbits[2]));
>         } else if (postbits.length == 4) {
>           postbits=rectanglevia(eval(postbits[0]),eval(postbits[1]),eval(postbits[2]),eval(postbits[3]));
>         } 
>         hrefbits=bits[j].split('href="');
>         onclickbits=bits[j].split('onclick="');
>         for (k=0; k<postbits.length; k+=2) {
>           if (k == 0) {
>             minw=eval(postbits[k]);
>             maxw=eval(postbits[k]); 
>             minh=eval(postbits[eval(1 + k)]); 
>             maxh=eval(postbits[eval(1 + k)]); 
>         //names[eval(-1 + j)]=names[eval(-1 + j)] + ' ' + bits[j].split(' ')[0];
>           } else {
>             if (eval(postbits[k]) < eval(minw)) minw=eval(postbits[k]);
>             if (eval(postbits[k]) > eval(maxw)) maxw=eval(postbits[k]);
>             if (eval(postbits[eval(1 + k)]) < eval(minh)) minh=eval(postbits[eval(1 + k)]);
>             if (eval(postbits[eval(1 + k)]) > eval(maxh)) maxh=eval(postbits[eval(1 + k)]);
>           }
>         }
>         widths.push(eval(maxw - minw));
>         heights.push(eval(maxh - minh));
>         tox.push(eval(minw) - 5);
>         toy.push(eval(minh) - 5);
>         //tox.push(Math.round(eval(minw)));
>         //if (eval(j) != 1) {
>         //toy.push(Math.round(eval(minh) + eval(heights[eval(-2 + j)] * 0 / 2)));
>         //} else {
>         //alert(minh); // + ' ' + heights[eval(-1 + j)] + ' ' + Math.round(eval(minh) - eval(heights[eval(-1 + j)])));
>         //toy.push(Math.round(eval(minh) - eval(heights[eval(-1 + j)] * 0)));
>         //alert(toy[eval(-1 + j)]);
>         //}
>         if (names.length < heights.length) names.push("");
>         //names[eval(-1 + j)]=names[eval(-1 + j)] + ' ' + tox[eval(-1 + j)] + ' ' + toy[eval(-1 + j)] + 'background:url(' + "'" + mapimg + "'" + '); background-position:  -' + tox[eval(-1 + j)] + 'px -' + toy[eval(-1 + j)] + 'px; background-clip: inherit;  ';
>         //alert(names[eval(-1 + j)]);
>         if (hrefbits.length > 1) href.push(' href="' + hrefbits[1].split('"')[0] + '" ');
>         if (onclickbits.length > 1) onclick.push(' onclick="' + onclickbits[1].split('"')[0] + '" ');
>         mybits='';
>         delim='';
>         for (k=0; k<postbits.length; k+=2) {
>           mybits+=delim + eval(postbits[k] - minw) + ',' + eval(postbits[eval(1 + k)] - minh);
>           delim=',';
>         }
>         rawhtml=rawhtml.replace(bits[j].split('"')[0], mybits);
>       }
>     } else {
>       bits=rawhtml.split("coords='");
>    // if ((location.search.split('url=')[1] ? decodeURIComponent(location.search.split('url=')[1]).split('&')[0] : '') != '') alert('+' + bits.length);
>       for (j=1; j<bits.length; j++) {
>         postbits=bits[j].split("'")[0].split(',');
>         hrefbits=bits[j].split("href='");
>         onclickbits=bits[j].split("onclick='");
>         for (k=0; k<postbits.length; k+=2) {
>           if (k == 0) {
>             minw=eval(postbits[k]);
>             maxw=eval(postbits[k]); 
>             minh=eval(postbits[eval(1 + k)]); 
>             maxh=eval(postbits[eval(1 + k)]); 
>           } else {
>             if (eval(postbits[k]) < eval(minw)) minw=eval(postbits[k]);
>             if (eval(postbits[k]) > eval(maxw)) maxw=eval(postbits[k]);
>             if (eval(postbits[eval(1 + k)]) < eval(minh)) minh=eval(postbits[eval(1 + k)]);
>             if (eval(postbits[eval(1 + k)]) > eval(maxh)) maxh=eval(postbits[eval(1 + k)]);
>           }
>         }
>         widths.push(eval(maxw - minw));
>         heights.push(eval(maxh - minh));
>         tox.push(eval(minw) - 5);
>         toy.push(eval(minh) - 5);
>         if (names.length < heights.length) names.push("");
>         if (hrefbits.length > 1) href.push(" href='" + hrefbits[1].split("'")[0] + "' ");
>         if (onclickbits.length > 1) onclick.push(" onclick='" + onclickbits[1].split("'")[0] + "' ");
>         mybits='';
>         delim='';
>         for (k=0; k<postbits.length; k+=2) {
>           mybits+=delim + eval(postbits[k] - minw) + ',' + eval(postbits[eval(1 + k)] - minh);
>           delim=',';
>         }
>         rawhtml=rawhtml.replace(bits[j].split('"')[0], mybits);
>       }
>     }
>     bits=rawhtml.replace('</MAP>','<map ').replace('<MAP ','<map ').replace('</map>','<map ').replace(/AREA /g,'area ').split('<map ');
>     if (bits.length >= 3) {
>       if (bits[1].indexOf('">') != -1) bits[1]=bits[1].replace('">', '" >');
>       tablehtml=('<table border=3 cellspacing=5 cellpadding=5 ' + bits[1].replace(/">/g,'"></polygon></svg></td></tr>').replace(/ \/>/g,'</polygon></svg></td></tr').replace(/\/area/g,'/polygon>/svg>/td></tr').replace(/area /g,'tr><td id=td1 ').replace(/coords=/g,'><svg xmlns="http://www.w3.org/2000/svg" height="height1" width="width1" ><polygon style="fill:transparent;stroke:lime;stroke-width:7;fill-rule:nonzero;opacity:0.85;" points=') + '</table>').replace('<tr','<TR><th id=myth style=text-align:left;>Legend' + toggler((' for ' + filen + '</').replace(' for </','</')) + 'th></tr><tr');
>     //alert(tablehtml + ' w.l=' + widths.length + ' n.l=' + names.length + ' tox.l=' + tox.length + ' toy.l=' + toy.length + ' tox.0=' + tox[0] + ' toy.0=' + toy[0]);
>       for (i=0; i<widths.length; i++) {
>         if (mapimg != '') tablehtml=tablehtml.replace('=td1 ', '=td1 style="background:url(' + "'" + mapimg + "'" + '),url(http://www.rjmprogramming.com.au/white.jpg); background-repeat: no-repeat; background-position: -' + Math.max(0,tox[i]) + 'px -' + Math.max(0,toy[i]) + 'px;  " ');
>         tablehtml=tablehtml.replace('=td1 ', '=TD' + eval(1 + i) + ' ');
>         if (onclick.length > 0 && href.length > 0) {
>          //alert('<a target=_blank ' + onclick[i] + href[i] + '><svg');
>          tablehtml=tablehtml.replace('<svg', '<a class=onmap target=_blank ' + onclick[i] + href[i] + '><SVG').replace('</svg>', '</SVG>' + names[i] + '</a>');
>         } else if (onclick.length > 0) {
>          //alert('<a target=_blank ' + onclick[i] + '><svg');
>          tablehtml=tablehtml.replace('<svg', '<a class=onmap target=_blank ' + onclick[i] + '><SVG').replace('</svg>', '</SVG>' + names[i] + '</a>');
>         } else if (href.length > 0) {
>          //alert('<a target=_blank ' + href[i] + '><svg');
>          tablehtml=tablehtml.replace('<svg', '<a class=onmap target=_blank ' + href[i] + '><SVG').replace('</svg>', '</SVG>' + names[i] + '</a>');
>         }
>         tablehtml=tablehtml.replace('height1', heights[i]).replace('width1', widths[i]);
>    // if (i == 0 || i == 1) alert(tablehtml + ' w.l=' + widths.length + ' n.l=' + names.length + ' tox.l=' + tox.length + ' toy.l=' + toy.length + ' tox.0=' + tox[0] + ' toy.0=' + toy[0]);
>       }
>       maphtml='<map ' + bits[1] + '</map>';
>       //if ((location.search.split('url=')[1] ? decodeURIComponent(location.search.split('url=')[1]).split('&')[0] : '') != '') document.getElementById('tarea').value = tablehtml;
>       document.getElementById('table_content').innerHTML = document.getElementById('forscripts').innerHTML + oursort(tablehtml.replace(/ shape="poly" /g,' ').replace(/ shape="rect" /g,' ').replace(/ shape="circle" /g,' '));
>       if (mapimg != '' && document.getElementById('aplace')) {
>           placeit(document.getElementById('aplace'));
>       }
>       //setTimeout(andthendo, 2000);
>       //document.getElementById('table_content').innerHTML = document.getElementById('forscripts').innerHTML + tablehtml.replace(/ shape="poly" /g,' ').replace(/ shape="rect" /g,' ').replace(/ shape="circle" /g,' ');
>     }
>   }
>   }
> 
>   
645,646c928,929
< <table id='mytable' style='width:100%;position:absolute;top:0;left:0;'><tr><td id='tdplacemap' style='vertical-align:top;width:600px;overflow:scroll;'><div id='placemap' style='overflow:scroll;width:600px;'></div><div id='lhs' style=background-color:lightgray;width:600px;>
< <h1>Textarea Talent</h1>
---
> <table id='mytable' style='width:100%;position:absolute;top:0;left:0;'><tr><td id='tdplacemap' style='vertical-align:top;width:600px;overflow:scroll;'><div id='placemap' style='overflow:scroll;width:600px;'></div><div id='lhs' style=background-color:yellow;width:600px;>
> <h1>Legend of HTML Map Element</h1>
655c938
<   <button style='background-color:pink;'>Process File Textarea Talent Data</button>
---
>   <button style='background-color:pink;'>Process File Legend for HTML Map Data</button>
661c944
< <form id='myform' action='./textarea_talent.html' method='GET'>
---
> <form id='myform' action='./legend_via_map.htm' method='GET'>
663,665c946,947
< HTML Itself: <textarea onchange=" if (this.value.indexOf('<') != -1) { rawhtml=this.value; checkins(); } " rows=20 cols=76 name='tarea' id='tarea' value=''></textarea><br>
< Optional <select style='background-color:red;color:white;' name='colour' id='colour'><option style='color:red;' value=Red>Red</option><option style='color:red;' value=Blue>Blue</option><option style='color:red;' value=Purple>Purple</option><option style='color:red;' value=Pink>Pink</option><option style='color:red;' value=Orange>Orange</option><option style='color:red;' value=LightBlue>Light Blue</option><option style='color:red;' value=LightGreen>Light Green</option><option style='color:red;' value=DarkBlue>Dark Blue</option><option style='color:red;' value=DarkGreen>Dark Green</option><option style='color:red;' value=Silver>Silver</option><option style='color:red;' value=Gray>Gray</option><option style='color:red;' value=LightGray>Light Gray</option><option style='color:red;' value=DarkGray>Dark Gray</option><option style='color:red;' value=Teal>Teal</option><option style='color:red;' value=Olive>Olive</option></select> Highlight: <input type='text' id='red' name='red' value='' style='width:50px;'></input> <font color=yellow>Yellow</font>: <input type='text' id='yellow' name='yellow' value='' style='width:50px;'></input> <font color=Green>Green</font>: <input type='text' id='green' name='green' value='' style='width:50px;'></input><br><br>
< <input type='submit' name="submit" id="submit" value="Create Textarea Talent Data" style="display:inline;background-color:pink;"></input>&nbsp;Showing Highlights in Alert Box <input type='checkbox' id='showalert' name='showalert'></input>
---
> HTML Itself: <textarea onchange=" if (this.value.indexOf('<') != -1) { rawhtml=this.value; checkins(); } " rows=20 cols=76 name='tarea' id='tarea' value=''></textarea><br><br><br>
> <input type='submit' name="submit" id="submit" value="Create Legend for HTML Map Data" style="display:inline;background-color:pink;"></input>&nbsp;Showing (Initially Sorted) Labels <input type='checkbox' id='showlabel' name='showlabel' checked></input>