2020-06-21 16:59:21 +08:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > Help - Converter</ title >
2020-08-10 11:45:43 +08:00
< link rel = "stylesheet" href = "{{tabcontrol_css}}" >
< script src = "https://cdn.jsdelivr.net/npm/jquery@3.5.0/dist/jquery.min.js" ></ script >
< script src = "{{tabcontrol_js}}" ></ script >
< script src = "{{converter_js}}" ></ script >
2020-06-21 16:59:21 +08:00
</ head >
< body >
< h1 > Converter</ h1 >
2020-08-10 15:30:59 +08:00
< p > This page provide some useful converter for your decoding work.</ p >
2020-06-21 16:59:21 +08:00
< br />
2020-08-10 11:45:43 +08:00
< div style = "display: flex; flex-flow: row; height: 30px; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid black;" >
< div id = "tabnavigation_1_1" class = "tabnavigation_1 tabitem-activated" style = "height: 100%; padding-left: 20px; padding-right: 20px;" onclick = "tabControlSwitcher(1, 1);" >< b > Reverse C style byte array</ b ></ div >
< div id = "tabnavigation_1_2" class = "tabnavigation_1 tabitem-deactivated" style = "height: 100%; padding-left: 20px; padding-right: 20px;" onclick = "tabControlSwitcher(1, 2);" >< b > C style byte array to HEX</ b ></ div >
< div id = "tabnavigation_1_3" class = "tabnavigation_1 tabitem-deactivated" style = "height: 100%; padding-left: 20px; padding-right: 20px;" onclick = "tabControlSwitcher(1, 3);" >< b > C style byte array to DEC</ b ></ div >
< div id = "tabnavigation_1_4" class = "tabnavigation_1 tabitem-deactivated" style = "height: 100%; padding-left: 20px; padding-right: 20px;" onclick = "tabControlSwitcher(1, 4);" >< b > Lowcase upcase converter</ b ></ div >
</ div >
2020-06-21 16:59:21 +08:00
2020-08-10 11:45:43 +08:00
< div id = "tabpanel_1_1" class = "tabpanel_1" >
< p > This converter will reverse your inputed C style byte array. Actually, it take responsibility for the convert between big-endian and little-endian.< br />
Typical and legal input just like this: < code > 0x00, 0xBb, 0xff, 0xFF</ code >< br />
Support multi-input. Use line break to split each input.</ p >
< table >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv1Input" style = "width: 100%; height: 100%; resize: none;" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< td align = "left" > Input</ td >
< th colspan = "2" > </ th >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "left" >< button style = "width: 50px;" onclick = "doConv1_I2O();" > v</ button ></ td >
2020-08-10 11:45:43 +08:00
< td style = "width: 150px;" > </ td >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "right" > </ td >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< th colspan = "2" > </ th >
< td align = "right" > Output</ td >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv1Output" style = "width: 100%; height: 100%; resize: none;" readonly = "true" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
</ table >
</ div >
2020-06-21 16:59:21 +08:00
2020-08-10 11:45:43 +08:00
< div id = "tabpanel_1_2" class = "tabpanel_1" style = "display: none;" >
< p > This converter will converte provided C style byte array into HEX number. It is double interactive.< br />
Acceptable byte array should follow little-endian format.< br />
Support multi-input. Use line break to split each input.</ p >
< table >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv2Input" style = "width: 100%; height: 100%; resize: none;" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< td align = "left" > Byte array</ td >
< th colspan = "2" > </ th >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "left" >< button style = "width: 50px;" onclick = "doConv2_I2O();" > v</ button ></ td >
2020-08-10 11:45:43 +08:00
< td style = "width: 150px;" > </ td >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "right" >< button style = "width: 50px;" onclick = "doConv2_O2I();" > ^</ button ></ td >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< th colspan = "2" > </ th >
< td align = "right" > HEX number</ td >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv2Output" style = "width: 100%; height: 100%; resize: none;" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
</ table >
</ div >
2020-06-21 16:59:21 +08:00
2020-08-10 11:45:43 +08:00
< div id = "tabpanel_1_3" class = "tabpanel_1" style = "display: none;" >
< p > This converter will converte provided C style byte array into DEC number. It is double interactive.< br />
Acceptable byte array should follow little-endian format.< br />
Support multi-input. Use line break to split each input.</ p >
< table >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv3Input" style = "width: 100%; height: 100%; resize: none;" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< td align = "left" > Byte array</ td >
< th colspan = "2" > </ th >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "left" >< button style = "width: 50px;" onclick = "doConv3_I2O();" > v</ button ></ td >
2020-08-10 11:45:43 +08:00
< td style = "width: 150px;" > </ td >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "right" >< button style = "width: 50px;" onclick = "doConv3_O2I();" > ^</ button ></ td >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< th colspan = "2" > </ th >
< td align = "right" > DEC number</ td >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv3Output" style = "width: 100%; height: 100%; resize: none;" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
</ table >
</ div >
< div id = "tabpanel_1_4" class = "tabpanel_1" style = "display: none;" >
< p > This converter will provide the convert between lowcase and upcase string. It is double interactive.</ p >
< table >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv4Input" style = "width: 100%; height: 100%; resize: none;" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< td align = "left" > Lowcase</ td >
< th colspan = "2" > </ th >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "left" >< button style = "width: 50px;" onclick = "doConv4_I2O();" > v</ button ></ td >
2020-08-10 11:45:43 +08:00
< td style = "width: 150px;" > </ td >
2020-08-10 15:30:59 +08:00
< td style = "width: 100px;" align = "right" >< button style = "width: 50px;" onclick = "doConv4_O2I();" > ^</ button ></ td >
2020-08-10 11:45:43 +08:00
</ tr >
< tr >
< th colspan = "2" > </ th >
< td align = "right" > Upcase</ td >
</ tr >
< tr >
2020-08-10 15:30:59 +08:00
< th colspan = "3" style = "height: 150px;" >< textarea id = "conv4Output" style = "width: 100%; height: 100%; resize: none;" ></ textarea ></ th >
2020-08-10 11:45:43 +08:00
</ tr >
</ table >
</ div >
2020-06-21 16:59:21 +08:00
</ body >
</ html >
