Js + Dhtml: simple development kit for WEB programmers (trial version)

Source: Internet
Author: User
Tags comparison table wingdings font

Copy codeThe Code is as follows:
<HTML>
<HEAD>
<META http-equiv = 'content-type' Content = 'text/html; charset = gb2312 '>
<META name = 'gemeratpr' content = 'network programmer companion (Lshdic) 111_open-up version'>
<TITLE> LD5 tool </TITLE>
<Style>
* {Font-size: 12px; font-family:}
Td {width: 180; cursor: hand; text-align: center}
. N1 {font-size: 18px}
. N2 {font-size: 18px; font-family: wingdings}
. N3 {font-size: 18px; font-family: wingdings 2}
. N4 {font-size: 18px; font-family: wingdings 3}
. N5 {font-size: 18px; font-family: webdings}
. N6 {font-size: 18px; font-family: Marlett}
. N7 {font-size: 18px; font-family: 文}
</Style>
</HEAD>
<BODY onselectstart = 'if (event. srcElement. tagName! = "INPUT") return false 'scroll = no style = 'margin: 0; border: 1 solid menu 'bgcolor = 'menu '>
<Table style = 'border-Collapse: collapse; border: 2 solid white; 'cellpadding = 2 rules = all> <tr> <td style = 'width: 100% '>
<Select onchange = 'change1 (this. selectedIndex) 'id = 'sel1' style = 'width: 8080'> <Optgroup label = 'special symbol and Character Set 'style = 'color: red'>
<Option> Chinese special symbol <option> Assic object comparison <option> HTML named entity <option> HTML appended named entity <option> other Chinese words and symbols </Optgroup> <Optgroup label = 'frequently used color preview table' style = 'color: green'> <option> W3C16 color comparison table <option> Windows System color disk </Optgroup> <Optgroup label = 'graphic font set' style = 'color: blue '> <option> Wingdings font <option> Wingdings 2 <option> Wingdings 3 <option> Webdings font <option> Marlett font <option> 文 font </Optgroup> <Optgroup label = 'data detection and calculation 'style = 'color: purple '> <option> keyboard key value detector <option> easy calculator <option> hexadecimal conversion tool </select> <input style = 'width: 80 'id = 'txt 'value = 'input value'>
</Td> </tr> <td style = 'padding: 0'>
<Div style = 'scrollbar-shadow-color: white; scrollbar-base-color: menu; scrollbar-arrow-color: black; overflow-Y: scroll; word-Break: break-all; width: 240; height: 250 'id = 'A'> </div>
</Td> </tr> </table>
<Script>
/******************
Author: lshdic (FYW)
Web: http://www.lshdic.com
E-mail: lshdic@sina.com
Resume, it can be used in a WEB browser that runs independently in a non-LD2005 development environment. It can be used locally after being saved.
******************/
Var str1 = "", toolcolor = "bbbbbb", movecolor = "# ffffff"
Function write1 (){
A. innerHTML = "<table cellspacing = 0 cellpadding = 3 rules = all style = 'border-Collapse: collapse; border: 1 solid cccccccc; 'onmouseup = 'if (event. srcElement. tagName = \ "TD \") txt. value = event. srcElement. innerText 'onmouseover = 'if (event. srcElement. tagName = \ "TD \" & event. srcElement. bgColor = \ "\") event. srcElement. bgColor = movecolor 'onmouseout = 'if (event. srcElement. tagName = \ "TD \" & event. srcElement. bgColor = movecolor. toLowerCase () event. srcElement. bgColor = \ "\" '> "+ str1 +" </table>"
Document. title = sel1.options [sel1.selectedIndex]. text + "_ reference input tool [" + (sel1.selectedIndex + 1) + "]"
}
Function write2 (strs1, strs2 ){
Strs1 = 160? Strss1 = "space": strss1 = "& #" + strs1 + ";"
Str1 + = "<tr> <td> & #" + strs1 + "; </td> <td> &" + strs2 + "; </td> <td class = 'n1 '> "+ strss1 +" </td> </tr>"
}
Function change1 (changeindex ){
Str1 = ""
Switch (changeindex ){
Case 0: // special Chinese Characters
Str0 = -~ ‖... [] <> "[] ± × ∑ ∧ ∑ ∈ √ ⊙ ∮ Limit ≤ ≥∞ limit♂♀Deg C $ ¤ ¢ £ § ☆★○ ● ◎ ◇ ◆ □■ △▲※→ Please refer to 〓 ˙---Please refer to the following documents for more information: there are two major problems: there are already too many other☉Please refer to the "I ⅱ ⅲ iv v vi VII IX xⅹ ⒊ ⒋ ⒌ ⒍ ⒎ ⑴ ⑵ ⑴ (2 ). please refer to the following link for more information: v vi vii ix xⅸ Ⅻ ── │ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ┗ ┘ ┙ please refer to the following link for more information: when there are too many threads, there are too many threads, too many threads ︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︱"
For (I = 0; I <str0.length-1; I ++ ){
Str1 + = "<tr>"
For (j = 0; j <7; j ++) {str1 + = "<td>" + str0.charAt (I) + "</td>"; I ++}
Str1 + = "</tr>"; I --
}
Break;
Case 4: // other words and symbols
Str0 = "zookeeper please refer to the following link for more information: Μ Ν Ξ %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% â ************************************************** please refer to the following link for more information: please refer to the following link for more information: please refer to the following link for more information: please refer to the following link for more information: when there are too many other users, there are too many other users"
For (I = 0; I <str0.length-1; I ++ ){
Str1 + = "<tr>"
For (j = 0; j <7; j ++) {str1 + = "<td class = 'n1 '>" + str0.charAt (I) + "</td>"; I ++}
Str1 + = "</tr>"; I --
}
Break;
Case 1: // Assic object comparison
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> browse </td> <td> VB representation </td> </tr>"
For (I = 1; I <384; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td> chr ("+ I + ") </td> </tr> "}
Break;
Case 7: // wingdings font
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> regular </td> <td> application font </td> </tr>"
For (I = 33; I <384; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td class = 'n2'> & # "+ I + "; </td> </tr> "}
Break;
Case 8: // wingdings 2 font
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> regular </td> <td> application font </td> </tr>"
For (I = 33; I <384; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td class = 'n3'> & # "+ I + "; </td> </tr> "}
Break;
Case 9: // wingdings 3 font
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> regular </td> <td> application font </td> </tr>"
For (I = 33; I <384; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td class = 'n4'> & # "+ I + "; </td> </tr> "}
Break;
Case 10: // webdings font
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> regular </td> <td> application font </td> </tr>"
For (I = 33; I <384; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td class = 'n5'> & # "+ I + "; </td> </tr> "}
Break;
Case 11: // Marlett font
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> regular </td> <td> application font </td> </tr>"
For (I = 48; I <58; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td class = 'n6'> & # "+ I + "; </td> </tr> "}
For (I = 97; I <122; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td class = 'n6'> & # "+ I + "; </td> </tr> "}
Break;
Case 12: // 文 font
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> regular </td> <td> application font </td> </tr>"
For (I = 33; I <384; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td class = 'n1 '> & # "+ I +"; </td> <td class = 'n7'> & # "+ I + "; </td> </tr> "}
Break;
Case 2: // HTML named object
Var str0 = "iexcl; £;{¥ {§©ª «¬ ­®¯ ° ± ² Comment 'microseconds · 00000000°» ¼ ½ À ********************************* ×o ~úramüüü **************************************************************** failed ". split ('&')
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> name </td> <td> browse </td> </tr>"
Write2 (34, "quot"); write2 (38, "amp"); write2 (60, "lt"); write2 (62, "gt"); write2 (160, "nbsp ");
For (I = 161; I <256; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td> & "+ str0 [i-161] +" </td> <td class = 'n1 '> & # "+ I + "; </td> </tr> "}
Break;
Case 3: // Add a named object to HTML
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> HTM representation </td> <td> name </td> <td> browse </td> </tr>"
Write2 (402, "fnof ");
Var str0 = "Alpha; Γ △Ε Η Θ Λ". split ('&')
For (I = 913; I <930; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td> & "+ str0 [i-913] +" </td> <td class = 'n1 '> & # "+ I + "; </td> </tr> "}
Str0 = "Sigma; Τ Φ Phi Χ Ω". split ('&')
For (I = 931; I <938; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td> & "+ str0 [i-931] +" </td> <td class = 'n1 '> & # "+ I + "; </td> </tr> "}
Str0 = "alpha; β Gamma Delta ε θ ι Kappa λ μ ν ε π σ ≈ ω". split ('&')
For (I = 945; I <970; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td> & "+ str0 [i-945] +" </td> <td class = 'n1 '> & # "+ I + "; </td> </tr> "}
Write2 (977, "thetasym"); write2 (978, "upsih"); write2 (982, "piv ");
Write2 (8226, "bull"); write2 (8230, "hellip"); write2 (8242, "prime"); write2 (8243, "Prime"); write2 (8254, "oline"); write2 (8260, "frasl"); write2 (8472, "weierp"); write2 (8465, "image"); write2 (8476, "real"); write2 (8482, "trade"); write2 (8501, "alefsym ");
Str0 = "larr; large → small↔". Split ('&')
For (I = 8592; I <8597; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td> & "+ str0 [i-8592] +" </td> <td class = 'n1 '> & # "+ I + "; </td> </tr> "}
Write2 (8629, "crarr ");
Str0 = "lArr; has been released successfully". split ('&')
For (I = 8656; I <8661; I ++) {str1 + = "<tr> <td> & #" + I + "; </td> <td> & "+ str0 [i-8656] +" </td> <td class = 'n1 '> & # "+ I + "; </td> </tr> "}
Write2 (8704, "forall"); write2 (8706, "part"); write2 (8707, "exist"); write2 (8709, "empty"); write2 (8711, "nabla"); write2 (8712, "isin"); write2 (8713, "notin"); write2 (8715, "ni"); write2 (8719, "prod"); write2 (8722, "sum"); write2 (8722, "minus"); write2 (8727, "lowast"); write2 (8730, "radic"); write2 (8733, "prop"); write2 (8734, "infin"); write2 (8736, "ang"); write2 (8869, "and"); write2 (8870, "or"); write2 (8745, "cap"); write2 (8746, "cup"); write2 (8747, "int"); write2 (8756, "there4"); write2 (8764, "sim"); write2 (8773, "cong"); write2 (8773, "asymp"); write2 (8800, "ne"); write2 (8801, "equiv"); write2 (8804, "le"); write2 (8805, "ge"); write2 (8834, "sub"); write2 (8835, "sup"); write2 (8836, "nsub"); write2 (8838, "sube"); write2 (8839, "supe"); write2 (8853, "oplus"); write2 (8855, "otimes"); write2 (8869, "perp"); write2 (8901, "sdot"); write2 (8968, "lceil"); write2 (8969, "rceil"); write2 (8970, "lfloor"); write2 (8971, "rfloor"); write2 (9001, "lang"); write2 (9002, "rang"); write2 (9674, "loz"); write2 (9824, "spades"); write2 (9827, "clubs"); write2 (9829, "hearts"); write2 (9830, "diams ");
Break;
Case 5: // W3C16 color table
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> effect </td> <td> name </td> <td> hexadecimal representation </ td> </tr>"
Str0 = "Black, White, Red, Yellow, Lime, Aqua, Blue, Fuchsia, Gray, Silver, Maroon, Olive, Green, Teal, Navy, Purple, Transparent ". split (",")
Str00 = "000000, ffffff, ff0000, ffff00, 00ff00, 00 ffff, 0000ff, ff00ff, 808080, c0c0c0,". split (",")
For (I = 0; I <str0.length; I ++) {str1 + = "<tr> <td bgcolor = '" + str0 [I] + "'> </td> <td>" + str0 [I] + "</ td> <td style = 'color: # "+ str00 [I] +" '> # "+ str00 [I] +" </td> </tr> "}
Break;
Case 6: // Windows color Disk
Str1 = "<tr bgcolor = '" + toolcolor + "'> <td> effect 1 </td> <td> Effect 2 </td> <td> name </td> </tr>"
Str0 = "windowtext, windowframe, window, ceiling, buttonshadow, upper, threedhighlight, threedface, buttonface, upper, scrollbar, menutext, menu, infotext, infobackground, upper, inactivecaption, inactiveborder, highlighttext, highlight, graytext, captiontext, buttontext, buttonhighlight, background, appworkspace, activecaption, activeborder ". split (",")
For (I = 0; I <str0.length; I ++) {str1 + = "<tr> <td bgcolor = '" + str0 [I] + "'> </td> <td style = 'color: "+ str0 [I] +" '> Lshdic </td> <td style = 'word-Break: keep-all; '> "+ str0 [I] +" </td> </tr> "}
Break;
Case 13: // keyboard key value Detector
Str1 = "<center> <p> Please press any key on your keyboard </center> <p> <center> the key value is displayed in the input box above </center>"
Break;
Case 14: // simple calculator
Str1 = "<center> <p> enter the formula to be calculated in the input box </center> <p> <center> formula 12 + 64 20/5 100 + (77 * 44) </center> <p> <center> <input id = 'txt2'> [br] <input type = 'button 'value = 'start to calculate 'onclick = 'try {txt. value = eval (txt2.value)} catch (e) {alert (\ "Incorrect formula! \ ")} '> </Center>"
Break;
Case 15: // hexadecimal conversion tool
For (I = 2; I <129; I ++) {str0 + = "<option>" + I; I ++}
Str1 = "<center> <p> enter a group of numbers in the input box </center> <p> <center> <input id = 'txt2'> [br] is: <select id = 'sel2'> "+ str0 +" </select> hexadecimal [br] <input type = 'button 'value = 'start to convert 'onclick = 'try {txt. value = new Number (txt2.value ). toString (sel2.options [sel2.selectedIndex]. text)} catch (e) {alert (\ "Exception error! \ ")} '> </Center>"
Break;
}
Write1 ()
}
Function document. onkeydown () {// when the page is pressed
If (sel1.selectedIndex = 13) {// checks whether the keyboard key detector is enabled
Txt. value = event. keyCode; event. keyCode = 0; event. returnValue = false;
}}
Temp1 = location. href // compile the startup scripts (the additional url.pdf can control the pre-selected scripts, in the form of xxx.htm? Xxx = *, where * should be a number between 0 and 12, used together with the default start call of the Lshdic2005 software subsidiary tool)
Try {
Sel1.options [temp1.substr (temp1.indexOf ('=') + 1)]. selected = true; sel1.onchange ()
} Catch (e ){
Sel1.onchange ()
}
// This plug-in program can be directly run in a WEB browser, so the LD5 software is released for you in advance. Therefore, this program is not the complete version form for the final release.
</Script>
</BODY>
</HTML>

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.