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 >
< 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 >
< 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 >
< 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 >
