<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Your Maths Can Go Below ... Get Help from the Dropdown as Required - RJM Programming - July, 2019</title>
<script type='text/javascript'>
var opts=[];
var currentValue="";
var vlast="";
var vtlast="";
function addto(osel) {
if (currentValue != '') {
document.getElementById('dpalette').innerHTML+=currentValue.split('</')[0] + osel.value + '</' + currentValue.split('</')[1];
} else {
document.getElementById('dpalette').innerHTML+=osel.value;
}
osel.value='';
}
function uplo(cs) {
var huhac=cs.replace(/\ /g, '_').split('_'),huhm=[],ihuh=0,jhuh=0;
var retval='',retdelim='';
for (ihuh=0; ihuh<huhac.length; ihuh++) {
huhm=huhac[ihuh].split('-');
for (jhuh=0; jhuh<huhm.length; jhuh++) {
retval+=retdelim + (huhm[jhuh] + '-').substring(0,1).replace(/\-/g, '').toUpperCase() + (huhm[jhuh] + '--').substring(1).replace(/\-/g, '').toLowerCase();
retdelim='-';
}
retdelim='_';
}
//alert(retval + ' via ' + cs);
return retval;
}
function interpret() {
if (document.getElementById('ourdiv') && document.getElementById('mydropdown').outerHTML.indexOf('<table ') == 0) {
var ihtoput='<select id="mydropdown" onchange="addto(this);"><option value="">Optionally add to Maths above with Symbology below</option></select>';
var tablines=document.getElementById('mydropdown').outerHTML.split('<tr>');
var itablines=0;
var cells=[];
for (itablines=1; itablines<tablines.length; itablines++) {
cells=tablines[itablines].split('</td>');
if (1 == 1) {
opts.push('<option id="' + uplo(cells[4].split('>')[1].split('<')[0]) + '" data-dec="' + cells[1].split('>')[1] + '" data-hex="' + cells[2].split('>')[1] + '" data-entity="' + cells[3].split('>')[1] + '" value="' + cells[0].split('>')[1] + '">' + uplo(cells[4].split('>')[1].split('<')[0].split('<')[0]).replace(/\_/g, ' ') + ' (' + cells[0].split('>')[1] + ')</option>');
} else {
ihtoput=ihtoput.replace('</select>', '<option id="' + uplo(cells[4].split('>')[1].split('<')[0]) + '" data-dec="' + cells[1].split('>')[1] + '" data-hex="' + cells[2].split('>')[1] + '" data-entity="' + cells[3].split('>')[1] + '" value="' + cells[0].split('>')[1] + '">' + uplo(cells[4].split('>')[1].split('<')[0]).replace(/\_/g, ' ') + ' (' + cells[0].split('>')[1] + ')</option></select>');
}
}
opts.sort();
for (itablines=0; itablines<opts.length; itablines++) {
ihtoput=ihtoput.replace('</select>', opts[itablines] + '</select>');
}
document.getElementById('ourdiv').innerHTML=ihtoput;
}
}
function handleClick(myRadio) { // thanks to https://stackoverflow.com/questions/8838648/onchange-event-handler-for-radio-button-input-type-radio-doesnt-work-as-one
//alert('Old value: ' + currentValue);
//alert('New value: ' + myRadio.value);
currentValue = myRadio.value;
document.getElementById('dpalette').innerHTML+=currentValue.toUpperCase();
//alert(document.getElementById('dpalette').innerHTML);
placeCaretAtEnd(document.getElementById('dpalette'));
}
function placeCaretAtEnd(el) { // thanks to https://stackoverflow.com/questions/4233265/contenteditable-set-caret-at-the-end-of-the-text-cross-browser
el.focus();
if (typeof window.getSelection != "undefined"
&& typeof document.createRange != "undefined") {
var range = document.createRange();
range.selectNodeContents(el);
range.collapse(false);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
} else if (typeof document.body.createTextRange != "undefined") {
var textRange = document.body.createTextRange();
textRange.moveToElementText(el);
textRange.collapse(false);
textRange.select();
}
}
function postvslast() {
var suffis='';
if (('' + (document.getElementById('dpalette').innerText || document.getElementById('dpalette').contentWindow || document.getElementById('dpalette').contentDocument)).length > vtlast.length) {
//document.title='0 ... ' + vtlast + ' is it in ' + ('' + (document.getElementById('dpalette').innerText || document.getElementById('dpalette').contentWindow || document.getElementById('dpalette').contentDocument)) + ' === ' + vtlast.indexOf(' ');
// if (document.getElementById('dpalette').innerHTML.replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, '').indexOf(vlast.replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, '')) == 0) {
if (('' + (document.getElementById('dpalette').innerText || document.getElementById('dpalette').contentWindow || document.getElementById('dpalette').contentDocument)).indexOf(vtlast) == 0) {
//document.title='01';
//var rest=document.getElementById('dpalette').innerHTML.replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, '').split(vlast.replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, ''))[1];
var rest=('' + (document.getElementById('dpalette').innerText || document.getElementById('dpalette').contentWindow || document.getElementById('dpalette').contentDocument)).split(vtlast)[1];
//document.title='012 ... ' + rest;
if (currentValue != "") { // && document.getElementById('dpalette').innerHTML.replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, '').split(vlast.replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, ''))[1].indexOf('<') == -1) {
//document.title='0123 ... ' + rest + '?' + rest.length + ' ' + rest.charCodeAt(0) + ' ' + rest.charCodeAt(1);
//alert(rest);
while (rest.indexOf(String.fromCharCode(10)) != -1) {
rest=rest.replace(String.fromCharCode(10), '');
suffis+='<br>';
}
if (rest != '') {
document.getElementById('dpalette').innerHTML=(vlast.replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, '') + currentValue.replace('</', rest + '</')).replace(/\<sup\>\<\/sup\>/g, '').replace(/\<span\>\<\/span\>/g, '').replace(/\<sub\>\<\/sub\>/g, '') + suffis;
}
vlast=document.getElementById('dpalette').innerHTML;
vtlast=('' + (document.getElementById('dpalette').innerText || document.getElementById('dpalette').contentWindow || document.getElementById('dpalette').contentDocument));
placeCaretAtEnd(document.getElementById('dpalette'));
}
}
}
vlast=document.getElementById('dpalette').innerHTML;
vtlast=('' + (document.getElementById('dpalette').innerText || document.getElementById('dpalette').contentWindow || document.getElementById('dpalette').contentDocument));
}
function vslast(evt) {
vlast=document.getElementById('dpalette').innerHTML; // alert(document.getElementById('dpalette').innerHTML);
vtlast=('' + (document.getElementById('dpalette').innerText || document.getElementById('dpalette').contentWindow || document.getElementById('dpalette').contentDocument));
setTimeout(postvslast, 20);
}
function addstyle(tva) {
document.getElementById('dpalette').style.fontSize='' + tva.value + 'px';
document.getElementById('dstyle').innerHTML='<style> div { font-size: ' + tva.value + 'px; } </style>';
}
function addcolour(tva) {
document.getElementById('dpalette').style.color='' + tva.value + '';
document.getElementById('dstyle').innerHTML='<style> div { color: ' + tva.value + '; } </style>';
}
function addbcolour(tva) {
document.getElementById('dpalette').style.backgroundColor='' + tva.value + '';
document.getElementById('dstyle').innerHTML='<style> div { background-color: ' + tva.value + '; } </style>';
}
</script>
</head>
<body onload='interpret();'>
<h1>Your Maths Can Go Below ... Get Help from the Dropdown as Required</h1>
<h3>RJM Programming - July, 2019</h3>
<h4>Thanks to <a target=_blank title='W3schools help, thanks' href='//www.w3schools.com/charsets/ref_utf_math.asp'>https://www.w3schools.com/charsets/ref_utf_math.asp</a></h4>
<table style="width:100%;"><tr><td style="width:50%;">
<div onkeypress="vslast(event);" style="width:100%;height:100vh;border: 2px dashed red;" id=dpalette contenteditable=true></div>
</td><td style="vertical-align: top;">
<div id="ourdiv">
<select id="mydropdown" onchange="addto(this);"><option value="">Optionally add to Maths to left with Symbology below</option><option id="All_Equal_To" data-dec="8780" data-hex="224C" data-entity=" " value="≌">All Equal To (≌)</option><option id="Almost_Equal_Or_Equal_To" data-dec="8778" data-hex="224A" data-entity=" " value="≊">Almost Equal Or Equal To (≊)</option><option id="Almost_Equal_To" data-dec="8776" data-hex="2248" data-entity="≈" value="≈">Almost Equal To (≈)</option><option id="Angle" data-dec="8736" data-hex="2220" data-entity="∠" value="∠">Angle (∠)</option><option id="Anticlockwise_Contour_Integral" data-dec="8755" data-hex="2233" data-entity=" " value="∳">Anticlockwise Contour Integral (∳)</option><option id="Approaches_The_Limit" data-dec="8784" data-hex="2250" data-entity=" " value="≐">Approaches The Limit (≐)</option><option id="Approximately_But_Not_Actually_Equal_To" data-dec="8774" data-hex="2246" data-entity=" " value="≆">Approximately But Not Actually Equal To (≆)</option><option id="Approximately_Equal_To" data-dec="8773" data-hex="2245" data-entity="≅" value="≅">Approximately Equal To (≅)</option><option id="Approximately_Equal_To_Or_The_Image_Of" data-dec="8786" data-hex="2252" data-entity=" " value="≒">Approximately Equal To Or The Image Of (≒)</option><option id="Assertion" data-dec="8870" data-hex="22A6" data-entity=" " value="⊦">Assertion (⊦)</option><option id="Asterisk_Operator" data-dec="8727" data-hex="2217" data-entity="∗" value="∗">Asterisk Operator (∗)</option><option id="Asymptotically_Equal_To" data-dec="8771" data-hex="2243" data-entity=" " value="≃">Asymptotically Equal To (≃)</option><option id="Because" data-dec="8757" data-hex="2235" data-entity=" " value="∵">Because (∵)</option><option id="Between" data-dec="8812" data-hex="226C" data-entity=" " value="≬">Between (≬)</option><option id="Bowtie" data-dec="8904" data-hex="22C8" data-entity=" " value="⋈">Bowtie (⋈)</option><option id="Bullet_Operator" data-dec="8729" data-hex="2219" data-entity=" " value="∙">Bullet Operator (∙)</option><option id="Circled_Asterisk_Operator" data-dec="8859" data-hex="229B" data-entity=" " value="⊛">Circled Asterisk Operator (⊛)</option><option id="Circled_Dash" data-dec="8861" data-hex="229D" data-entity=" " value="⊝">Circled Dash (⊝)</option><option id="Circled_Division_Slash" data-dec="8856" data-hex="2298" data-entity=" " value="⊘">Circled Division Slash (⊘)</option><option id="Circled_Dot_Operator" data-dec="8857" data-hex="2299" data-entity=" " value="⊙">Circled Dot Operator (⊙)</option><option id="Circled_Equals" data-dec="8860" data-hex="229C" data-entity=" " value="⊜">Circled Equals (⊜)</option><option id="Circled_Minus" data-dec="8854" data-hex="2296" data-entity=" " value="⊖">Circled Minus (⊖)</option><option id="Circled_Plus" data-dec="8853" data-hex="2295" data-entity="⊕" value="⊕">Circled Plus (⊕)</option><option id="Circled_Ring_Operator" data-dec="8858" data-hex="229A" data-entity=" " value="⊚">Circled Ring Operator (⊚)</option><option id="Circled_Times" data-dec="8855" data-hex="2297" data-entity="⊗" value="⊗">Circled Times (⊗)</option><option id="Clockwise_Contour_Integral" data-dec="8754" data-hex="2232" data-entity=" " value="∲">Clockwise Contour Integral (∲)</option><option id="Clockwise_Integral" data-dec="8753" data-hex="2231" data-entity=" " value="∱">Clockwise Integral (∱)</option><option id="Colon_Equals" data-dec="8788" data-hex="2254" data-entity=" " value="≔">Colon Equals (≔)</option><option id="Complement" data-dec="8705" data-hex="2201" data-entity=" " value="∁">Complement (∁)</option><option id="Contains_As_Member" data-dec="8715" data-hex="220B" data-entity="∋" value="∋">Contains As Member (∋)</option><option id="Contains_As_Normal_Subgroup" data-dec="8883" data-hex="22B3" data-entity=" " value="⊳">Contains As Normal Subgroup (⊳)</option><option id="Contains_As_Normal_Subgroup_Or_Equal_To" data-dec="8885" data-hex="22B5" data-entity=" " value="⊵">Contains As Normal Subgroup Or Equal To (⊵)</option><option id="Contains_With_Long_Horizontal_Stroke" data-dec="8954" data-hex="22FA" data-entity=" " value="⋺">Contains With Long Horizontal Stroke (⋺)</option><option id="Contains_With_Overbar" data-dec="8957" data-hex="22FD" data-entity=" " value="⋽">Contains With Overbar (⋽)</option><option id="Contains_With_Vertical_Bar_At_End_Of_Horizontal_Stroke" data-dec="8955" data-hex="22FB" data-entity=" " value="⋻">Contains With Vertical Bar At End Of Horizontal Stroke (⋻)</option><option id="Contour_Integral" data-dec="8750" data-hex="222E" data-entity=" " value="∮">Contour Integral (∮)</option><option id="Corresponds_To" data-dec="8792" data-hex="2258" data-entity=" " value="≘">Corresponds To (≘)</option><option id="Cube_Root" data-dec="8731" data-hex="221B" data-entity=" " value="∛">Cube Root (∛)</option><option id="Curly_Logical_And" data-dec="8911" data-hex="22CF" data-entity=" " value="⋏">Curly Logical And (⋏)</option><option id="Curly_Logical_Or" data-dec="8910" data-hex="22CE" data-entity=" " value="⋎">Curly Logical Or (⋎)</option><option id="Delta_Equal_To" data-dec="8796" data-hex="225C" data-entity=" " value="≜">Delta Equal To (≜)</option><option id="Diamond_Operator" data-dec="8900" data-hex="22C4" data-entity=" " value="⋄">Diamond Operator (⋄)</option><option id="Difference_Between" data-dec="8783" data-hex="224F" data-entity=" " value="≏">Difference Between (≏)</option><option id="Divides" data-dec="8739" data-hex="2223" data-entity=" " value="∣">Divides (∣)</option><option id="Division_Slash" data-dec="8725" data-hex="2215" data-entity=" " value="∕">Division Slash (∕)</option><option id="Division_Times" data-dec="8903" data-hex="22C7" data-entity=" " value="⋇">Division Times (⋇)</option><option id="Does_Not_Contain_As_Member" data-dec="8716" data-hex="220C" data-entity=" " value="∌">Does Not Contain As Member (∌)</option><option id="Does_Not_Contain_As_Normal_Subgroup" data-dec="8939" data-hex="22EB" data-entity=" " value="⋫">Does Not Contain As Normal Subgroup (⋫)</option><option id="Does_Not_Contain_As_Normal_Subgroup_Or_Equal" data-dec="8941" data-hex="22ED" data-entity=" " value="⋭">Does Not Contain As Normal Subgroup Or Equal (⋭)</option><option id="Does_Not_Divide" data-dec="8740" data-hex="2224" data-entity=" " value="∤">Does Not Divide (∤)</option><option id="Does_Not_Force" data-dec="8878" data-hex="22AE" data-entity=" " value="⊮">Does Not Force (⊮)</option><option id="Does_Not_Precede" data-dec="8832" data-hex="2280" data-entity=" " value="⊀">Does Not Precede (⊀)</option><option id="Does_Not_Precede_Or_Equal" data-dec="8928" data-hex="22E0" data-entity=" " value="⋠">Does Not Precede Or Equal (⋠)</option><option id="Does_Not_Prove" data-dec="8876" data-hex="22AC" data-entity=" " value="⊬">Does Not Prove (⊬)</option><option id="Does_Not_Succeed" data-dec="8833" data-hex="2281" data-entity=" " value="⊁">Does Not Succeed (⊁)</option><option id="Does_Not_Succeed_Or_Equal" data-dec="8929" data-hex="22E1" data-entity=" " value="⋡">Does Not Succeed Or Equal (⋡)</option><option id="Dot_Minus" data-dec="8760" data-hex="2238" data-entity=" " value="∸">Dot Minus (∸)</option><option id="Dot_Operator" data-dec="8901" data-hex="22C5" data-entity="⋅" value="⋅">Dot Operator (⋅)</option><option id="Dot_Plus" data-dec="8724" data-hex="2214" data-entity=" " value="∔">Dot Plus (∔)</option><option id="Double_Integral" data-dec="8748" data-hex="222C" data-entity=" " value="∬">Double Integral (∬)</option><option id="Double_Intersection" data-dec="8914" data-hex="22D2" data-entity=" " value="⋒">Double Intersection (⋒)</option><option id="Double_Subset" data-dec="8912" data-hex="22D0" data-entity=" " value="⋐">Double Subset (⋐)</option><option id="Double_Superset" data-dec="8913" data-hex="22D1" data-entity=" " value="⋑">Double Superset (⋑)</option><option id="Double_Union" data-dec="8915" data-hex="22D3" data-entity=" " value="⋓">Double Union (⋓)</option><option id="Double_Vertical_Bar_Double_Right_Turnstile" data-dec="8875" data-hex="22AB" data-entity=" " value="⊫">Double Vertical Bar Double Right Turnstile (⊫)</option><option id="Down_Right_Diagonal_Ellipsis" data-dec="8945" data-hex="22F1" data-entity=" " value="⋱">Down Right Diagonal Ellipsis (⋱)</option><option id="Down_Tack" data-dec="8868" data-hex="22A4" data-entity=" " value="⊤">Down Tack (⊤)</option><option id="Element_Of" data-dec="8712" data-hex="2208" data-entity="∈" value="∈">Element Of (∈)</option><option id="Element_Of_With_Dot_Above" data-dec="8949" data-hex="22F5" data-entity=" " value="⋵">Element Of With Dot Above (⋵)</option><option id="Element_Of_With_Long_Horizontal_Stroke" data-dec="8946" data-hex="22F2" data-entity=" " value="⋲">Element Of With Long Horizontal Stroke (⋲)</option><option id="Element_Of_With_Overbar" data-dec="8950" data-hex="22F6" data-entity=" " value="⋶">Element Of With Overbar (⋶)</option><option id="Element_Of_With_Two_Horizontal_Strokes" data-dec="8953" data-hex="22F9" data-entity=" " value="⋹">Element Of With Two Horizontal Strokes (⋹)</option><option id="Element_Of_With_Underbar" data-dec="8952" data-hex="22F8" data-entity=" " value="⋸">Element Of With Underbar (⋸)</option><option id="Element_Of_With_Vertical_Bar_At_End_Of_Horizontal_Stroke" data-dec="8947" data-hex="22F3" data-entity=" " value="⋳">Element Of With Vertical Bar At End Of Horizontal Stroke (⋳)</option><option id="Empty_Set" data-dec="8709" data-hex="2205" data-entity="∅" value="∅">Empty Set (∅)</option><option id="End_Of_Proof" data-dec="8718" data-hex="220E" data-entity=" " value="∎">End Of Proof (∎)</option><option id="Equal_And_Parallel_To" data-dec="8917" data-hex="22D5" data-entity=" " value="⋕">Equal And Parallel To (⋕)</option><option id="Equal_To_By_Definition" data-dec="8797" data-hex="225D" data-entity=" " value="≝">Equal To By Definition (≝)</option><option id="Equal_To_Or_Greater-Than" data-dec="8925" data-hex="22DD" data-entity=" " value="⋝">Equal To Or Greater-Than (⋝)</option><option id="Equal_To_Or_Less-Than" data-dec="8924" data-hex="22DC" data-entity=" " value="⋜">Equal To Or Less-Than (⋜)</option><option id="Equal_To_Or_Precedes" data-dec="8926" data-hex="22DE" data-entity=" " value="⋞">Equal To Or Precedes (⋞)</option><option id="Equal_To_Or_Succeeds" data-dec="8927" data-hex="22DF" data-entity=" " value="⋟">Equal To Or Succeeds (⋟)</option><option id="Equals_Colon" data-dec="8789" data-hex="2255" data-entity=" " value="≕">Equals Colon (≕)</option><option id="Equiangular_To" data-dec="8794" data-hex="225A" data-entity=" " value="≚">Equiangular To (≚)</option><option id="Equivalent_To" data-dec="8781" data-hex="224D" data-entity=" " value="≍">Equivalent To (≍)</option><option id="Estimates" data-dec="8793" data-hex="2259" data-entity=" " value="≙">Estimates (≙)</option><option id="Excess" data-dec="8761" data-hex="2239" data-entity=" " value="∹">Excess (∹)</option><option id="For_All" data-dec="8704" data-hex="2200" data-entity="∀" value="∀">For All (∀)</option><option id="Forces" data-dec="8873" data-hex="22A9" data-entity=" " value="⊩">Forces (⊩)</option><option id="Fourth_Root" data-dec="8732" data-hex="221C" data-entity=" " value="∜">Fourth Root (∜)</option><option id="Geometric_Proportion" data-dec="8762" data-hex="223A" data-entity=" " value="∺">Geometric Proportion (∺)</option><option id="Geometrically_Equal_To" data-dec="8785" data-hex="2251" data-entity=" " value="≑">Geometrically Equal To (≑)</option><option id="Geometrically_Equivalent_To" data-dec="8782" data-hex="224E" data-entity=" " value="≎">Geometrically Equivalent To (≎)</option><option id="Greater-Than_But_Not_Equal_To" data-dec="8809" data-hex="2269" data-entity=" " value="≩">Greater-Than But Not Equal To (≩)</option><option id="Greater-Than_But_Not_Equivalent_To" data-dec="8935" data-hex="22E7" data-entity=" " value="⋧">Greater-Than But Not Equivalent To (⋧)</option><option id="Greater-Than_Equal_To_Or_Less-Than" data-dec="8923" data-hex="22DB" data-entity=" " value="⋛">Greater-Than Equal To Or Less-Than (⋛)</option><option id="Greater-Than_Or_Equal_To" data-dec="8805" data-hex="2265" data-entity="≥" value="≥">Greater-Than Or Equal To (≥)</option><option id="Greater-Than_Or_Equivalent_To" data-dec="8819" data-hex="2273" data-entity=" " value="≳">Greater-Than Or Equivalent To (≳)</option><option id="Greater-Than_Or_Less-Than" data-dec="8823" data-hex="2277" data-entity=" " value="≷">Greater-Than Or Less-Than (≷)</option><option id="Greater-Than_Over_Equal_To" data-dec="8807" data-hex="2267" data-entity=" " value="≧">Greater-Than Over Equal To (≧)</option><option id="Greater-Than_With_Dot" data-dec="8919" data-hex="22D7" data-entity=" " value="⋗">Greater-Than With Dot (⋗)</option><option id="Hermitian_Conjugate_Matrix" data-dec="8889" data-hex="22B9" data-entity=" " value="⊹">Hermitian Conjugate Matrix (⊹)</option><option id="Homothetic" data-dec="8763" data-hex="223B" data-entity=" " value="∻">Homothetic (∻)</option><option id="Identical_To" data-dec="8801" data-hex="2261" data-entity="≡" value="≡">Identical To (≡)</option><option id="Image_Of" data-dec="8887" data-hex="22B7" data-entity=" " value="⊷">Image Of (⊷)</option><option id="Image_Of_Or_Approximately_Equal_To" data-dec="8787" data-hex="2253" data-entity=" " value="≓">Image Of Or Approximately Equal To (≓)</option><option id="Increment" data-dec="8710" data-hex="2206" data-entity=" " value="∆">Increment (∆)</option><option id="Infinity" data-dec="8734" data-hex="221E" data-entity="∞" value="∞">Infinity (∞)</option><option id="Integral" data-dec="8747" data-hex="222B" data-entity="∫" value="∫">Integral (∫)</option><option id="Intercalate" data-dec="8890" data-hex="22BA" data-entity=" " value="⊺">Intercalate (⊺)</option><option id="Intersection" data-dec="8745" data-hex="2229" data-entity="∩" value="∩">Intersection (∩)</option><option id="Inverted_Lazy_S" data-dec="8766" data-hex="223E" data-entity=" " value="∾">Inverted Lazy S (∾)</option><option id="Left_Normal_Factor_Semidirect_Product" data-dec="8905" data-hex="22C9" data-entity=" " value="⋉">Left Normal Factor Semidirect Product (⋉)</option><option id="Left_Semidirect_Product" data-dec="8907" data-hex="22CB" data-entity=" " value="⋋">Left Semidirect Product (⋋)</option><option id="Left_Tack" data-dec="8867" data-hex="22A3" data-entity=" " value="⊣">Left Tack (⊣)</option><option id="Less-Than_But_Not_Equal_To" data-dec="8808" data-hex="2268" data-entity=" " value="≨">Less-Than But Not Equal To (≨)</option><option id="Less-Than_But_Not_Equivalent_To" data-dec="8934" data-hex="22E6" data-entity=" " value="⋦">Less-Than But Not Equivalent To (⋦)</option><option id="Less-Than_Equal_To_Or_Greater-Than" data-dec="8922" data-hex="22DA" data-entity=" " value="⋚">Less-Than Equal To Or Greater-Than (⋚)</option><option id="Less-Than_Or_Equal_To" data-dec="8804" data-hex="2264" data-entity="≤" value="≤">Less-Than Or Equal To (≤)</option><option id="Less-Than_Or_Equivalent_To" data-dec="8818" data-hex="2272" data-entity=" " value="≲">Less-Than Or Equivalent To (≲)</option><option id="Less-Than_Or_Greater-Than" data-dec="8822" data-hex="2276" data-entity=" " value="≶">Less-Than Or Greater-Than (≶)</option><option id="Less-Than_Over_Equal_To" data-dec="8806" data-hex="2266" data-entity=" " value="≦">Less-Than Over Equal To (≦)</option><option id="Less-Than_With_Dot" data-dec="8918" data-hex="22D6" data-entity=" " value="⋖">Less-Than With Dot (⋖)</option><option id="Logical_And" data-dec="8743" data-hex="2227" data-entity="∧" value="∧">Logical And (∧)</option><option id="Logical_Or" data-dec="8744" data-hex="2228" data-entity="∨" value="∨">Logical Or (∨)</option><option id="Measured_Angle" data-dec="8737" data-hex="2221" data-entity=" " value="∡">Measured Angle (∡)</option><option id="Measured_By" data-dec="8798" data-hex="225E" data-entity=" " value="≞">Measured By (≞)</option><option id="Midline_Horizontal_Ellipsis" data-dec="8943" data-hex="22EF" data-entity=" " value="⋯">Midline Horizontal Ellipsis (⋯)</option><option id="Minus-Or-Plus_Sign" data-dec="8723" data-hex="2213" data-entity=" " value="∓">Minus-Or-Plus Sign (∓)</option><option id="Minus_Sign" data-dec="8722" data-hex="2212" data-entity="−" value="−">Minus Sign (−)</option><option id="Minus_Tilde" data-dec="8770" data-hex="2242" data-entity=" " value="≂">Minus Tilde (≂)</option><option id="Models" data-dec="8871" data-hex="22A7" data-entity=" " value="⊧">Models (⊧)</option><option id="Much_Greater-Than" data-dec="8811" data-hex="226B" data-entity=" " value="≫">Much Greater-Than (≫)</option><option id="Much_Less-Than" data-dec="8810" data-hex="226A" data-entity=" " value="≪">Much Less-Than (≪)</option><option id="Multimap" data-dec="8888" data-hex="22B8" data-entity=" " value="⊸">Multimap (⊸)</option><option id="Multiset" data-dec="8844" data-hex="228C" data-entity=" " value="⊌">Multiset (⊌)</option><option id="Multiset_Multiplication" data-dec="8845" data-hex="228D" data-entity=" " value="⊍">Multiset Multiplication (⊍)</option><option id="Multiset_Union" data-dec="8846" data-hex="228E" data-entity=" " value="⊎">Multiset Union (⊎)</option><option id="N-Ary_Coproduct" data-dec="8720" data-hex="2210" data-entity=" " value="∐">N-Ary Coproduct (∐)</option><option id="N-Ary_Intersection" data-dec="8898" data-hex="22C2" data-entity=" " value="⋂">N-Ary Intersection (⋂)</option><option id="N-Ary_Logical_And" data-dec="8896" data-hex="22C0" data-entity=" " value="⋀">N-Ary Logical And (⋀)</option><option id="N-Ary_Logical_Or" data-dec="8897" data-hex="22C1" data-entity=" " value="⋁">N-Ary Logical Or (⋁)</option><option id="N-Ary_Product" data-dec="8719" data-hex="220F" data-entity="∏" value="∏">N-Ary Product (∏)</option><option id="N-Ary_Summation" data-dec="8721" data-hex="2211" data-entity="∑" value="∑">N-Ary Summation (∑)</option><option id="N-Ary_Union" data-dec="8899" data-hex="22C3" data-entity=" " value="⋃">N-Ary Union (⋃)</option><option id="Nabla" data-dec="8711" data-hex="2207" data-entity="∇" value="∇">Nabla (∇)</option><option id="Nand" data-dec="8892" data-hex="22BC" data-entity=" " value="⊼">Nand (⊼)</option><option id="Negated_Double_Vertical_Bar_Double_Right_Turnstile" data-dec="8879" data-hex="22AF" data-entity=" " value="⊯">Negated Double Vertical Bar Double Right Turnstile (⊯)</option><option id="Neither_A_Subset_Of_Nor_Equal_To" data-dec="8840" data-hex="2288" data-entity=" " value="⊈">Neither A Subset Of Nor Equal To (⊈)</option><option id="Neither_A_Superset_Of_Nor_Equal_To" data-dec="8841" data-hex="2289" data-entity=" " value="⊉">Neither A Superset Of Nor Equal To (⊉)</option><option id="Neither_Approximately_Nor_Actually_Equal_To" data-dec="8775" data-hex="2247" data-entity=" " value="≇">Neither Approximately Nor Actually Equal To (≇)</option><option id="Neither_Greater-Than_Nor_Equal_To" data-dec="8817" data-hex="2271" data-entity=" " value="≱">Neither Greater-Than Nor Equal To (≱)</option><option id="Neither_Greater-Than_Nor_Equivalent_To" data-dec="8821" data-hex="2275" data-entity=" " value="≵">Neither Greater-Than Nor Equivalent To (≵)</option><option id="Neither_Greater-Than_Nor_Less-Than" data-dec="8825" data-hex="2279" data-entity=" " value="≹">Neither Greater-Than Nor Less-Than (≹)</option><option id="Neither_Less-Than_Nor_Equal_To" data-dec="8816" data-hex="2270" data-entity=" " value="≰">Neither Less-Than Nor Equal To (≰)</option><option id="Neither_Less-Than_Nor_Equivalent_To" data-dec="8820" data-hex="2274" data-entity=" " value="≴">Neither Less-Than Nor Equivalent To (≴)</option><option id="Neither_Less-Than_Nor_Greater-Than" data-dec="8824" data-hex="2278" data-entity=" " value="≸">Neither Less-Than Nor Greater-Than (≸)</option><option id="Nor" data-dec="8893" data-hex="22BD" data-entity=" " value="⊽">Nor (⊽)</option><option id="Normal_Subgroup_Of" data-dec="8882" data-hex="22B2" data-entity=" " value="⊲">Normal Subgroup Of (⊲)</option><option id="Normal_Subgroup_Of_Or_Equal_To" data-dec="8884" data-hex="22B4" data-entity=" " value="⊴">Normal Subgroup Of Or Equal To (⊴)</option><option id="Not_A_Subset_Of" data-dec="8836" data-hex="2284" data-entity="⊄" value="⊄">Not A Subset Of (⊄)</option><option id="Not_A_Superset_Of" data-dec="8837" data-hex="2285" data-entity=" " value="⊅">Not A Superset Of (⊅)</option><option id="Not_Almost_Equal_To" data-dec="8777" data-hex="2249" data-entity=" " value="≉">Not Almost Equal To (≉)</option><option id="Not_An_Element_Of" data-dec="8713" data-hex="2209" data-entity="∉" value="∉">Not An Element Of (∉)</option><option id="Not_Asymptotically_Equal_To" data-dec="8772" data-hex="2244" data-entity=" " value="≄">Not Asymptotically Equal To (≄)</option><option id="Not_Equal_To" data-dec="8800" data-hex="2260" data-entity="≠" value="≠">Not Equal To (≠)</option><option id="Not_Equivalent_To" data-dec="8813" data-hex="226D" data-entity=" " value="≭">Not Equivalent To (≭)</option><option id="Not_Greater-Than" data-dec="8815" data-hex="226F" data-entity=" " value="≯">Not Greater-Than (≯)</option><option id="Not_Identical_To" data-dec="8802" data-hex="2262" data-entity=" " value="≢">Not Identical To (≢)</option><option id="Not_Less-Than" data-dec="8814" data-hex="226E" data-entity=" " value="≮">Not Less-Than (≮)</option><option id="Not_Normal_Subgroup_Of" data-dec="8938" data-hex="22EA" data-entity=" " value="⋪">Not Normal Subgroup Of (⋪)</option><option id="Not_Normal_Subgroup_Of_Or_Equal_To" data-dec="8940" data-hex="22EC" data-entity=" " value="⋬">Not Normal Subgroup Of Or Equal To (⋬)</option><option id="Not_Parallel_To" data-dec="8742" data-hex="2226" data-entity=" " value="∦">Not Parallel To (∦)</option><option id="Not_Square_Image_Of_Or_Equal_To" data-dec="8930" data-hex="22E2" data-entity=" " value="⋢">Not Square Image Of Or Equal To (⋢)</option><option id="Not_Square_Original_Of_Or_Equal_To" data-dec="8931" data-hex="22E3" data-entity=" " value="⋣">Not Square Original Of Or Equal To (⋣)</option><option id="Not_Tilde" data-dec="8769" data-hex="2241" data-entity=" " value="≁">Not Tilde (≁)</option><option id="Not_True" data-dec="8877" data-hex="22AD" data-entity=" " value="⊭">Not True (⊭)</option><option id="Original_Of" data-dec="8886" data-hex="22B6" data-entity=" " value="⊶">Original Of (⊶)</option><option id="Parallel_To" data-dec="8741" data-hex="2225" data-entity=" " value="∥">Parallel To (∥)</option><option id="Partial_Differential" data-dec="8706" data-hex="2202" data-entity="∂" value="∂">Partial Differential (∂)</option><option id="Pitchfork" data-dec="8916" data-hex="22D4" data-entity=" " value="⋔">Pitchfork (⋔)</option><option id="Precedes" data-dec="8826" data-hex="227A" data-entity=" " value="≺">Precedes (≺)</option><option id="Precedes_But_Not_Equivalent_To" data-dec="8936" data-hex="22E8" data-entity=" " value="⋨">Precedes But Not Equivalent To (⋨)</option><option id="Precedes_Or_Equal_To" data-dec="8828" data-hex="227C" data-entity=" " value="≼">Precedes Or Equal To (≼)</option><option id="Precedes_Or_Equivalent_To" data-dec="8830" data-hex="227E" data-entity=" " value="≾">Precedes Or Equivalent To (≾)</option><option id="Precedes_Under_Relation" data-dec="8880" data-hex="22B0" data-entity=" " value="⊰">Precedes Under Relation (⊰)</option><option id="Proportion" data-dec="8759" data-hex="2237" data-entity=" " value="∷">Proportion (∷)</option><option id="Proportional_To" data-dec="8733" data-hex="221D" data-entity="∝" value="∝">Proportional To (∝)</option><option id="Questioned_Equal_To" data-dec="8799" data-hex="225F" data-entity=" " value="≟">Questioned Equal To (≟)</option><option id="Ratio" data-dec="8758" data-hex="2236" data-entity=" " value="∶">Ratio (∶)</option><option id="Reversed_Tilde" data-dec="8765" data-hex="223D" data-entity=" " value="∽">Reversed Tilde (∽)</option><option id="Reversed_Tilde_Equals" data-dec="8909" data-hex="22CD" data-entity=" " value="⋍">Reversed Tilde Equals (⋍)</option><option id="Right_Angle" data-dec="8735" data-hex="221F" data-entity=" " value="∟">Right Angle (∟)</option><option id="Right_Angle_With_Arc" data-dec="8894" data-hex="22BE" data-entity=" " value="⊾">Right Angle With Arc (⊾)</option><option id="Right_Normal_Factor_Semidirect_Product" data-dec="8906" data-hex="22CA" data-entity=" " value="⋊">Right Normal Factor Semidirect Product (⋊)</option><option id="Right_Semidirect_Product" data-dec="8908" data-hex="22CC" data-entity=" " value="⋌">Right Semidirect Product (⋌)</option><option id="Right_Tack" data-dec="8866" data-hex="22A2" data-entity=" " value="⊢">Right Tack (⊢)</option><option id="Right_Triangle" data-dec="8895" data-hex="22BF" data-entity=" " value="⊿">Right Triangle (⊿)</option><option id="Ring_Equal_To" data-dec="8791" data-hex="2257" data-entity=" " value="≗">Ring Equal To (≗)</option><option id="Ring_In_Equal_To" data-dec="8790" data-hex="2256" data-entity=" " value="≖">Ring In Equal To (≖)</option><option id="Ring_Operator" data-dec="8728" data-hex="2218" data-entity=" " value="∘">Ring Operator (∘)</option><option id="Set_Minus" data-dec="8726" data-hex="2216" data-entity=" " value="∖">Set Minus (∖)</option><option id="Sine_Wave" data-dec="8767" data-hex="223F" data-entity=" " value="∿">Sine Wave (∿)</option><option id="Small_Contains_As_Member" data-dec="8717" data-hex="220D" data-entity=" " value="∍">Small Contains As Member (∍)</option><option id="Small_Contains_With_Overbar" data-dec="8958" data-hex="22FE" data-entity=" " value="⋾">Small Contains With Overbar (⋾)</option><option id="Small_Contains_With_Vertical_Bar_At_End_Of_Horizontal_Stroke" data-dec="8956" data-hex="22FC" data-entity=" " value="⋼">Small Contains With Vertical Bar At End Of Horizontal Stroke (⋼)</option><option id="Small_Element_Of" data-dec="8714" data-hex="220A" data-entity=" " value="∊">Small Element Of (∊)</option><option id="Small_Element_Of_With_Overbar" data-dec="8951" data-hex="22F7" data-entity=" " value="⋷">Small Element Of With Overbar (⋷)</option><option id="Small_Element_Of_With_Vertical_Bar_At_End_Of_Horizontal_Stroke" data-dec="8948" data-hex="22F4" data-entity=" " value="⋴">Small Element Of With Vertical Bar At End Of Horizontal Stroke (⋴)</option><option id="Spherical_Angle" data-dec="8738" data-hex="2222" data-entity=" " value="∢">Spherical Angle (∢)</option><option id="Square_Cap" data-dec="8851" data-hex="2293" data-entity=" " value="⊓">Square Cap (⊓)</option><option id="Square_Cup" data-dec="8852" data-hex="2294" data-entity=" " value="⊔">Square Cup (⊔)</option><option id="Square_Image_Of" data-dec="8847" data-hex="228F" data-entity=" " value="⊏">Square Image Of (⊏)</option><option id="Square_Image_Of_Or_Equal_To" data-dec="8849" data-hex="2291" data-entity=" " value="⊑">Square Image Of Or Equal To (⊑)</option><option id="Square_Image_Of_Or_Not_Equal_To" data-dec="8932" data-hex="22E4" data-entity=" " value="⋤">Square Image Of Or Not Equal To (⋤)</option><option id="Square_Original_Of" data-dec="8848" data-hex="2290" data-entity=" " value="⊐">Square Original Of (⊐)</option><option id="Square_Original_Of_Or_Equal_To" data-dec="8850" data-hex="2292" data-entity=" " value="⊒">Square Original Of Or Equal To (⊒)</option><option id="Square_Original_Of_Or_Not_Equal_To" data-dec="8933" data-hex="22E5" data-entity=" " value="⋥">Square Original Of Or Not Equal To (⋥)</option><option id="Square_Root" data-dec="8730" data-hex="221A" data-entity="√" value="√">Square Root (√)</option><option id="Squared_Dot_Operator" data-dec="8865" data-hex="22A1" data-entity=" " value="⊡">Squared Dot Operator (⊡)</option><option id="Squared_Minus" data-dec="8863" data-hex="229F" data-entity=" " value="⊟">Squared Minus (⊟)</option><option id="Squared_Plus" data-dec="8862" data-hex="229E" data-entity=" " value="⊞">Squared Plus (⊞)</option><option id="Squared_Times" data-dec="8864" data-hex="22A0" data-entity=" " value="⊠">Squared Times (⊠)</option><option id="Star_Equals" data-dec="8795" data-hex="225B" data-entity=" " value="≛">Star Equals (≛)</option><option id="Star_Operator" data-dec="8902" data-hex="22C6" data-entity=" " value="⋆">Star Operator (⋆)</option><option id="Strictly_Equivalent_To" data-dec="8803" data-hex="2263" data-entity=" " value="≣">Strictly Equivalent To (≣)</option><option id="Subset_Of" data-dec="8834" data-hex="2282" data-entity="⊂" value="⊂">Subset Of (⊂)</option><option id="Subset_Of_Or_Equal_To" data-dec="8838" data-hex="2286" data-entity="⊆" value="⊆">Subset Of Or Equal To (⊆)</option><option id="Subset_Of_With_Not_Equal_To" data-dec="8842" data-hex="228A" data-entity=" " value="⊊">Subset Of With Not Equal To (⊊)</option><option id="Succeeds" data-dec="8827" data-hex="227B" data-entity=" " value="≻">Succeeds (≻)</option><option id="Succeeds_But_Not_Equivalent_To" data-dec="8937" data-hex="22E9" data-entity=" " value="⋩">Succeeds But Not Equivalent To (⋩)</option><option id="Succeeds_Or_Equal_To" data-dec="8829" data-hex="227D" data-entity=" " value="≽">Succeeds Or Equal To (≽)</option><option id="Succeeds_Or_Equivalent_To" data-dec="8831" data-hex="227F" data-entity=" " value="≿">Succeeds Or Equivalent To (≿)</option><option id="Succeeds_Under_Relation" data-dec="8881" data-hex="22B1" data-entity=" " value="⊱">Succeeds Under Relation (⊱)</option><option id="Superset_Of" data-dec="8835" data-hex="2283" data-entity="⊃" value="⊃">Superset Of (⊃)</option><option id="Superset_Of_Or_Equal_To" data-dec="8839" data-hex="2287" data-entity="⊇" value="⊇">Superset Of Or Equal To (⊇)</option><option id="Superset_Of_With_Not_Equal_To" data-dec="8843" data-hex="228B" data-entity=" " value="⊋">Superset Of With Not Equal To (⊋)</option><option id="Surface_Integral" data-dec="8751" data-hex="222F" data-entity=" " value="∯">Surface Integral (∯)</option><option id="There_Does_Not_Exist" data-dec="8708" data-hex="2204" data-entity=" " value="∄">There Does Not Exist (∄)</option><option id="There_Exists" data-dec="8707" data-hex="2203" data-entity="∃" value="∃">There Exists (∃)</option><option id="Therefore" data-dec="8756" data-hex="2234" data-entity="∴" value="∴">Therefore (∴)</option><option id="Tilde_Operator" data-dec="8764" data-hex="223C" data-entity="∼" value="∼">Tilde Operator (∼)</option><option id="Triple_Integral" data-dec="8749" data-hex="222D" data-entity=" " value="∭">Triple Integral (∭)</option><option id="Triple_Tilde" data-dec="8779" data-hex="224B" data-entity=" " value="≋">Triple Tilde (≋)</option><option id="Triple_Vertical_Bar_Right_Turnstile" data-dec="8874" data-hex="22AA" data-entity=" " value="⊪">Triple Vertical Bar Right Turnstile (⊪)</option><option id="True" data-dec="8872" data-hex="22A8" data-entity=" " value="⊨">True (⊨)</option><option id="Union" data-dec="8746" data-hex="222A" data-entity="∪" value="∪">Union (∪)</option><option id="Up_Right_Diagonal_Ellipsis" data-dec="8944" data-hex="22F0" data-entity=" " value="⋰">Up Right Diagonal Ellipsis (⋰)</option><option id="Up_Tack" data-dec="8869" data-hex="22A5" data-entity="⊥" value="⊥">Up Tack (⊥)</option><option id="Vertical_Ellipsis" data-dec="8942" data-hex="22EE" data-entity=" " value="⋮">Vertical Ellipsis (⋮)</option><option id="Very_Much_Greater-Than" data-dec="8921" data-hex="22D9" data-entity=" " value="⋙">Very Much Greater-Than (⋙)</option><option id="Very_Much_Less-Than" data-dec="8920" data-hex="22D8" data-entity=" " value="⋘">Very Much Less-Than (⋘)</option><option id="Volume_Integral" data-dec="8752" data-hex="2230" data-entity=" " value="∰">Volume Integral (∰)</option><option id="Wreath_Product" data-dec="8768" data-hex="2240" data-entity=" " value="≀">Wreath Product (≀)</option><option id="Xor" data-dec="8891" data-hex="22BB" data-entity=" " value="⊻">Xor (⊻)</option><option id="Z_Notation_Bag_Membership" data-dec="8959" data-hex="22FF" data-entity=" " value="⋿">Z Notation Bag Membership (⋿)</option></select>
</div><br><br>
Optionally change Font Size to left <input id="myfontsize" onchange="addstyle(this);" onblur="addstyle(this);" type=number value="16" min="0" step="1"></input>
<br><br>
Optionally change Font Colour to left <input id="myfontcolour" onchange="addcolour(this);" onblur="addcolour(this);" type=color value="#000000"></input>
<br><br>
Optionally change Background Colour to left <input id="myfontbcolour" onchange="addbcolour(this);" onblur="addbcolour(this);" type=color value="#ffffff"></input>
<br><br>
<label class="block"><input type="radio" name="radgroup" onclick="handleClick(this);" value="<sup></sup>">Superscript<br></label>
<label class="block"><input type="radio" name="radgroup" onclick="handleClick(this);" value="<span></span>">Normal<br></label>
<label class="block"><input type="radio" name="radgroup" onclick="handleClick(this);" value="<sub></sub>">Subscript<br></label>
</td></tr></table>
<div id=dstyle></div>
</body>
</html>