diff options
Diffstat (limited to 'graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html')
-rw-r--r-- | graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html | 534 |
1 files changed, 534 insertions, 0 deletions
diff --git a/graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html b/graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html new file mode 100644 index 0000000000..5c4cb291e4 --- /dev/null +++ b/graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html @@ -0,0 +1,534 @@ +<html> +<meta charset="ISO-8859-1"> +<style> +body {font-family: Arial, Helvetica, sans-serif;} +.pgfPTBTN { + background-color: #AAAAAA; + border: none; + color: black; + padding: 0px 0px; + text-align: center; + text-decoration: none; + display: block; + font-size: 16px; + margin: 0px 0px; + cursor: pointer; + width: 40px; + height: 40px; +} +.pgfPTBTN:hover { + opacity: .6; +} +.pgfPTBTN:checked { + border: 5px solid red; +} +/* The Modal (background) */ +.modal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1; /* Sit on top */ + padding-top: 100px; /* Location of the box */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgb(0,0,0); /* Fallback color */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ +} + +/* Modal Content */ +.modal-content { + background-color: #fefefe; + margin: auto; + padding: 30px; + border: 1px solid #888; + width: 400px; +} + +/* The Close Button */ +.close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + +.btnrc { + width: 20px; + height: 20px; + margin: 0px 0px; + border: none; + padding: 0px 0px; + border-radius: 2px; + border: .2px solid #555555; + background-color: #EEEEEE; +} + +.btnrc:hover {opacity: .8} + +</style> +<head> +</head> +<body onload="init()"> + <p style="font-size:18pt;background-color: teal;color: white;padding: 10px"> pgf-PeriodicTable ColorScheme Designer</p> + <!-- A tabela periódica --> + <div align=center> + <table border=0 cellpadding=0 cellspacing=0 style='border-collapse:collapse;table-layout:fixed'> + <col width=40 span=0> + <!-- 1º Período --> + <tr> + <td><input type="button" name="TP" value="H" id="btn1" onclick="showmodal('btn1')" class="pgfPTBTN"></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td><input type="button" name="TP" value="He" id="btn2" onclick="showmodal('btn2')" class="pgfPTBTN"></td> + <!-- Painel à direita --> + <td rowspan="10" style="width: 40px"></td> + <td id="info" rowspan="10" style="width: 200px; padding: 20px;border: 1px solid teal;vertical-align: top;background-color: #CCDDFF;"> + <p><label for="tex">Load a Color Scheme:</label></p> + <p><input type="file" id="tex" name="tex" accept=".tex" style="width: 100%" onchange="readpgfPTCS()"></p> + <textarea type="text" id="CSDATA" value="" style="width:100%;height:200px;resize:none"></textarea> + <p><button id="btndoit" style="width: 100%;disabled: true" onclick="applypgfPTCSfromfile()">Update Periodic Table</button></p> + </td> + </tr> + <!-- 2º Período --> + <tr height=17 style='height:12.75pt'> + <td><input type="button" name="TP" value="Li" id="btn3" onclick="showmodal('btn3')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Be" id="btn4" onclick="showmodal('btn4')" class="pgfPTBTN"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td> <td></td><td></td><td><input type="button" name="TP" value="B" id="btn5" onclick="showmodal('btn5')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="C" id="btn6" onclick="showmodal('btn6')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="N" id="btn7" onclick="showmodal('btn7')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="O" id="btn8" onclick="showmodal('btn8')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="F" id="btn9" onclick="showmodal('btn9')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ne" id="btn10" onclick="showmodal('btn10')" class="pgfPTBTN"></td> + </tr> + <!-- 3º Período --> + <tr height=17 style='height:12.75pt'> + <td><input type="button" name="TP" value="Na" id="btn11" onclick="showmodal('btn11')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mg" id="btn12" onclick="showmodal('btn12')" class="pgfPTBTN"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td><input type="button" name="TP" value="Al" id="btn13" onclick="showmodal('btn13')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Si" id="btn14" onclick="showmodal('btn14')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="P" id="btn15" onclick="showmodal('btn15')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="S" id="btn16" onclick="showmodal('btn16')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cl" id="btn17" onclick="showmodal('btn17')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ar" id="btn18" onclick="showmodal('btn18')" class="pgfPTBTN"></td> + </tr> + <!-- 4º Período --> + <tr height=17 style='height:12.75pt'> + <td><input type="button" name="TP" value="K" id="btn19" onclick="showmodal('btn19')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ca" id="btn20" onclick="showmodal('btn20')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sc" id="btn21" onclick="showmodal('btn21')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ti" id="btn22" onclick="showmodal('btn22')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="V" id="btn23" onclick="showmodal('btn23')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cr" id="btn24" onclick="showmodal('btn24')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mn" id="btn25" onclick="showmodal('btn25')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Fe" id="btn26" onclick="showmodal('btn26')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Co" id="btn27" onclick="showmodal('btn27')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ni" id="btn28" onclick="showmodal('btn28')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cu" id="btn29" onclick="showmodal('btn29')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Zn" id="btn30" onclick="showmodal('btn30')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ga" id="btn31" onclick="showmodal('btn31')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ge" id="btn32" onclick="showmodal('btn32')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="As" id="btn33" onclick="showmodal('btn33')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Se" id="btn34" onclick="showmodal('btn34')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Br" id="btn35" onclick="showmodal('btn35')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Kr" id="btn36" onclick="showmodal('btn36')" class="pgfPTBTN"></td> + </tr> + <!-- 5º Período --> + <tr height=17 style='height:12.75pt'> + <td><input type="button" name="TP" value="Rb" id="btn37" onclick="showmodal('btn37')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sr" id="btn38" onclick="showmodal('btn38')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Y" id="btn39" onclick="showmodal('btn39')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Zr" id="btn40" onclick="showmodal('btn40')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Nb" id="btn41" onclick="showmodal('btn41')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mo" id="btn42" onclick="showmodal('btn42')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tc" id="btn43" onclick="showmodal('btn43')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ru" id="btn44" onclick="showmodal('btn44')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rh" id="btn45" onclick="showmodal('btn45')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pd" id="btn46" onclick="showmodal('btn46')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ag" id="btn47" onclick="showmodal('btn47')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cd" id="btn48" onclick="showmodal('btn48')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="In" id="btn49" onclick="showmodal('btn49')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sn" id="btn50" onclick="showmodal('btn50')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sb" id="btn51" onclick="showmodal('btn51')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Te" id="btn52" onclick="showmodal('btn52')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="I" id="btn53" onclick="showmodal('btn53')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Xe" id="btn54" onclick="showmodal('btn54')" class="pgfPTBTN"></td> + <!-- 6º Período --> + <tr height=17 style='height:12.75pt'> + <td><input type="button" name="TP" value="Cs" id="btn55" onclick="showmodal('btn55')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ba" id="btn56" onclick="showmodal('btn56')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="La" id="btn57" onclick="showmodal('btn57')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Hf" id="btn72" onclick="showmodal('btn72')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ta" id="btn73" onclick="showmodal('btn73')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="W" id="btn74" onclick="showmodal('btn74')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Re" id="btn75" onclick="showmodal('btn75')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Os" id="btn76" onclick="showmodal('btn76')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ir" id="btn77" onclick="showmodal('btn77')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pt" id="btn78" onclick="showmodal('btn78')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Au" id="btn79" onclick="showmodal('btn79')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Hg" id="btn80" onclick="showmodal('btn80')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tl" id="btn81" onclick="showmodal('btn81')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pb" id="btn82" onclick="showmodal('btn82')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Bi" id="btn83" onclick="showmodal('btn83')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Po" id="btn84" onclick="showmodal('btn84')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="At" id="btn85" onclick="showmodal('btn85')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rn" id="btn86" onclick="showmodal('btn86')" class="pgfPTBTN"></td> + </tr> + <!-- 7º Período --> + <tr height=17 style='height:12.75pt'> + <td><input type="button" name="TP" value="Fr" id="btn87" onclick="showmodal('btn87')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ra" id="btn88" onclick="showmodal('btn88')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ac" id="btn89" onclick="showmodal('btn89')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rf" id="btn104" onclick="showmodal('btn104')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Db" id="btn105" onclick="showmodal('btn105')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sg" id="btn106" onclick="showmodal('btn106')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Bh" id="btn107" onclick="showmodal('btn107')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Hs" id="btn108" onclick="showmodal('btn108')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mt" id="btn109" onclick="showmodal('btn109')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ds" id="btn110" onclick="showmodal('btn110')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rg" id="btn111" onclick="showmodal('btn111')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cn" id="btn112" onclick="showmodal('btn112')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Nh" id="btn113" onclick="showmodal('btn113')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Fl" id="btn114" onclick="showmodal('btn114')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mc" id="btn115" onclick="showmodal('btn115')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Lv" id="btn116" onclick="showmodal('btn116')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ts" id="btn117" onclick="showmodal('btn117')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Og" id="btn118" onclick="showmodal('btn118')" class="pgfPTBTN"></td> + </tr> + <!-- INTERVALO --> + <tr height=17 style='height:12.75pt'> + <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td><td></td></tr> + <!-- Lantanídeos --> + <tr height=17 style='height:12.75pt'> + <td></td><td></td><td><input type="button" name="TP" value="Ce" id="btn58" onclick="showmodal('btn58')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pr" id="btn59" onclick="showmodal('btn59')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Nd" id="btn60" onclick="showmodal('btn60')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pm" id="btn61" onclick="showmodal('btn61')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sm" id="btn62" onclick="showmodal('btn62')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Eu" id="btn63" onclick="showmodal('btn63')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Gd" id="btn64" onclick="showmodal('btn64')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tb" id="btn65" onclick="showmodal('btn65')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Dy" id="btn66" onclick="showmodal('btn66')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ho" id="btn67" onclick="showmodal('btn67')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Er" id="btn68" onclick="showmodal('btn68')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tm" id="btn69" onclick="showmodal('btn69')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Yb" id="btn70" onclick="showmodal('btn70')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Lu" id="btn71" onclick="showmodal('btn71')" class="pgfPTBTN"></td><td></td><td></td> + </tr> + <!-- Actinídeos --> + <tr height=17 style='height:12.75pt'> + <td></td><td></td><td><input type="button" name="TP" value="Th" id="btn90" onclick="showmodal('btn90')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pa" id="btn91" onclick="showmodal('btn91')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="U" id="btn92" onclick="showmodal('btn92')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Np" id="btn93" onclick="showmodal('btn93')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pu" id="btn94" onclick="showmodal('btn94')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Am" id="btn95" onclick="showmodal('btn95')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cm" id="btn96" onclick="showmodal('btn96')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Bk" id="btn97" onclick="showmodal('btn97')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cf" id="btn98" onclick="showmodal('btn98')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Es" id="btn99" onclick="showmodal('btn99')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Fm" id="btn100" onclick="showmodal('btn100')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Md" id="btn101" onclick="showmodal('btn101')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="No" id="btn102" onclick="showmodal('btn102')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Lr" id="btn103" onclick="showmodal('btn103')" class="pgfPTBTN"></td><td></td> <td></td> + </tr> + <!-- INTERVALO --> + <tr height=17 style='height:20pt'> + <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td><td></td></tr> + <!-- Painel por baixo --> + <tr style=" padding: 20px;border: 1px solid Chocolate;vertical-align: center;background-color: Wheat;height:100px"><td></td><td></td><td></td><td colspan="13"> + <label for="builtinCS">Choose pgfPTColorScheme:</label> + <select id="builtinCS" name="builtinCS" style="width:114.5px"> + <option value="default">default</option><option value="Soft">Soft</option><option value="Jmol">Jmol</option><option value="CPK">CPK</option><option value="Rasmol">Rasmol</option><option value="RasmolNew">RasmolNew</option><option value="Wikipedia">Wikipedia</option><option value="MNM">MNM</option><option value="PS">PS</option><option value="Radio">Radio</option><option value="Blocks">Blocks</option></select> + <button name="btnbuiltinCS" id="builtinCS" onclick="loadinnerpgfPTCS()">Set selected Color Scheme</button> + <p><label for="userCSname">Name for the Color Scheme: </label> + <input type="text" id="userCSname" name="userCSname" value="myCSname"> <button name="btnwriteCS" id="btnwriteCS" onclick="writepgfPTCS()">Write CS to file...</button></p> + </td><td colspan="4"> + <textarea type="text" id="CSDATAwrite" value="" style="width:95%;height:80px;resize:none" readonly></textarea> + </td> + </tr> +</table> +<p style="font-size:8pt;background-color: teal;color: white;padding: 3px;text-align:right"><i>Part of pgf-PeriodicTable v1.0 package </i></p> +</div> +<!-- The Modal --> +<div id="myModal" class="modal"> + <!-- Modal content --> + <div class="modal-content"> + <span class="close">×</span> + <p id="txtElemento"></p> + <!-- <form id="pgfPTColors"> --> + Color picker: <input type="color" id="colorpicker"><!-- <br> + Color scheme: <textarea type="text" id="pgfPTCS" value="" style="width:400px;height:150px;"></textarea> --> + <!-- </form> --> + <button id="btndoit" onclick="setPTbtnColor(btn)">Set color</button> + <button id="btntrail" onclick="setPTbtnTrailColor(btn)" value="SetTC">Set trailing color</button> + <p>Recent colors:</p> + <button id="rc1" class="btnrc" value="1" onclick="setrc('rc1')"></button> + <button id="rc2" class="btnrc" onclick="setrc('rc2')"></button> + <button id="rc3" class="btnrc" onclick="setrc('rc3')"></button> + <button id="rc4" class="btnrc" onclick="setrc('rc4')"></button> + <button id="rc5" class="btnrc" onclick="setrc('rc5')"></button> + <button id="rc6" class="btnrc" onclick="setrc('rc6')"></button> + <button id="rc7" class="btnrc" onclick="setrc('rc7')"></button> + <button id="rc8" class="btnrc" onclick="setrc('rc8')"></button><br> + <button id="rc9" class="btnrc" onclick="setrc('rc9')"></button> + <button id="rc10" class="btnrc" onclick="setrc('rc10')"></button> + <button id="rc11" class="btnrc" onclick="setrc('rc11')"></button> + <button id="rc12" class="btnrc" onclick="setrc('rc12')"></button> + <button id="rc13" class="btnrc" onclick="setrc('rc13')"></button> + <button id="rc14" class="btnrc" onclick="setrc('rc14')"></button> + <button id="rc15" class="btnrc" onclick="setrc('rc15')"></button> + <button id="rc16" class="btnrc" onclick="setrc('rc16')"></button> + </div> +</div> +<script> +// ------------------------------------------------------------------------------------- +// Get the modal +var modal = document.getElementById("myModal"); +// Global vars +var btn; +var curBtnColor; +var curBtnColorRGB; +var rcCount; +// ------------------------------------------------------------------------------------- +function showmodal(btnID){ + // Get the button that opens the modal + btn = document.getElementById(btnID); + // and get the back color + curBtnColor = btn.style.backgroundColor; + curBtnColorRGB = RGBToHex(curBtnColor); + // When the user clicks the button, open the modal + modal.style.display = "block"; + // Message on modal + document.getElementById("txtElemento").innerHTML = "Pick color for '" + btn.value +"' then press the «set color» button..."; + // set the colorpicker color + document.getElementById("colorpicker").value = curBtnColorRGB; + // add the actual color to the rc buton + rcCount = 0; + rcCount = +(document.getElementById("rc1").value); + // disable inactive recent color buttons + for(i = rcCount; i < 16; i++) {// > + document.getElementById("rc" + i).disabled = true; + document.getElementById("rc" + i).style.cursor = "not-allowed"; + } +} +// Get the <span> element that closes the modal +var span = document.getElementsByClassName("close")[0]; +// When the user clicks on <span> (x), close the modal +span.onclick = function() { + modal.style.display = "none"; +} +// When the user clicks anywhere outside of the modal, close it +window.onclick = function(event) { + if (event.target == modal) { + modal.style.display = "none"; + } +} +// ------------------------------------------------------------------------------------- +function setPTbtnColor(btnToChange) { + var atualrc; + //var text = ""; + curBtnColor = document.getElementById("colorpicker").value; + // add the actual color to the rc buton + var colList = ["undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined"]; + for (i = 0; i < rcCount -1; i++) { // > + colList[i] = RGBToHex(document.getElementById("rc" + (i+1)).style.backgroundColor); + } + var isInList = searchColor(curBtnColor,colList); + if(!isInList) { + if(rcCount>16) rcCount = 1; + atualrc="rc" + rcCount; + document.getElementById(atualrc).style.backgroundColor = document.getElementById("colorpicker").value; + document.getElementById(atualrc).style.cursor = "pointer"; + document.getElementById(atualrc).disabled = false; + rcCount = rcCount + 1; + } + document.getElementById("rc1").value = rcCount; + //var tmpDEBUG = ""; + //for(i = 0; i < colList.length; i++) {tmpDEBUG += i + ":" + colList[i] +" ";}// > + //text = "rcbtn " + atualrc + " rcCount " + rcCount + " atualC " + curBtnColor + " isInList " + isInList + "\nColor List\n" + tmpDEBUG ; + //document.getElementById("pgfPTCS").value = text; + btnToChange.style.backgroundColor = document.getElementById("colorpicker").value; +} +function setPTbtnTrailColor(btnToChange) +{ + var atualrc; + curBtnColor = document.getElementById("colorpicker").value; + // add the actual color to the rc buton + var colList = ["undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined"]; + for (i = 0; i < rcCount -1; i++) { // > + colList[i] = RGBToHex(document.getElementById("rc" + (i+1)).style.backgroundColor); + } + var isInList = searchColor(curBtnColor,colList); + if(!isInList) { + if(rcCount>16) rcCount = 1; + atualrc="rc" + rcCount; + document.getElementById(atualrc).style.backgroundColor = document.getElementById("colorpicker").value; + document.getElementById(atualrc).style.cursor = "pointer"; + document.getElementById(atualrc).disabled = false; + rcCount = rcCount + 1; + } + document.getElementById("rc1").value = rcCount; + btnToChange.style.backgroundColor = document.getElementById("colorpicker").value; + var startbtn = btnToChange.id; + startbtn = +(startbtn.replace("btn","")); + if(document.getElementById("btntrail").value == "SetTC") + { + document.getElementById("btntrail").value = "RemoveTC" + startbtn; + document.getElementById("btntrail").innerHTML = "Remove trailing color"; + for(i = 118; i > startbtn; i--) { + document.getElementById("btn" + i).disabled = true; + document.getElementById("btn" + i).style.backgroundColor = curBtnColor; + } + } + else + { + document.getElementById("btntrail").value = "SetTC"; + document.getElementById("btntrail").innerHTML = "Set trailing color"; + for(i = 118; i > startbtn; i--) { + document.getElementById("btn" + i).disabled = false; + document.getElementById("btn" + i).style.backgroundColor = curBtnColor; + } + } +//var txttrail = document.getElementById("btntrail").value; +//btnToChange.value = startbtn + "v" + txttrail; +} +// ############# +function setrc(rcbtnID) { + document.getElementById("colorpicker").value = RGBToHex(document.getElementById(rcbtnID).style.backgroundColor); +} +// ------------------------------------------------------------------------------------- +function RGBToHex(rgb) { + // Choose correct separator + let sep = rgb.indexOf(",") > -1 ? "," : " "; + // Turn "rgb(r,g,b)" into [r,g,b] + rgb = rgb.substr(4).split(")")[0].split(sep); + let r = (+rgb[0]).toString(16), + g = (+rgb[1]).toString(16), + b = (+rgb[2]).toString(16); + if (r.length == 1) + r = "0" + r; + if (g.length == 1) + g = "0" + g; + if (b.length == 1) + b = "0" + b; + return "#" + r + g + b; +} +// ############# +function RGBHEXToLaTeX(rgb) { + let r = 0, g = 0, b = 0; + r = "0x" + rgb[1] + rgb[2]; + g = "0x" + rgb[3] + rgb[4]; + b= "0x" + rgb[5] + rgb[6]; + r = +(r/255).toFixed(3); + g = +(g/255).toFixed(3); + b = +(b/255).toFixed(3); + if(r != "0") r = r.toString().replace("0",""); + if(g != "0") g = g.toString().replace("0",""); + if(b != "0") b = b.toString().replace("0",""); + return r + "/" + g + "/" + b; +} +// ############# +function RGBLaTeXtoHEX(rgb) { + rgb = rgb.split("/"); + let r = (+(+rgb[0]*255).toFixed(0)).toString(16), + g = (+(+rgb[1]*255).toFixed(0)).toString(16), + b = (+(+rgb[2]*255).toFixed(0)).toString(16); + return "#" + r + g + b; +} +// ############# +function searchColor(color,colorList) { + for (i = 0; i < colorList.length; i++) {// > + if(colorList[i]==color) {return true;} + } + return false; +} +// ------------------------------------------------------------------------------------- +function resetTrailing() +{ + if(document.getElementById("btntrail").value != "SetTC") + { + var x = document.getElementsByName("TP"); + var trailfrom = +(document.getElementById("btntrail").value).replace("RemoveTC",""); + document.getElementById("btntrail").value = "SetTC"; + document.getElementById("btntrail").innerHTML = "Set trailing color"; + for(i = x.length ; i > trailfrom ; i--) + document.getElementById("btn" + i).disabled = false; + } +} +// ------------------------------------------------------------------------------------- +/* The pgfPTCS by user +\pgfPTnewcolorscheme[r/g/b]{name}{r/g/b,...,r/g/b} +*/ +function writepgfPTCS() { + var x = document.getElementsByName("TP"); + var name = document.getElementById("userCSname").value; + //var strCSdata = "\\pgfPTnewColorScheme{" + name + "}{"; + var strCSdata = ""; + var trailfrom = x.length; + if(document.getElementById("btntrail").value != "SetTC") + { + trailfrom = +(document.getElementById("btntrail").value).replace("RemoveTC",""); + strCSdata = "\\pgfPTnewColorScheme[" + RGBHEXToLaTeX(RGBToHex(document.getElementById("btn" + trailfrom).style.backgroundColor)) + "]{" + name + "}{"; + trailfrom -=1; + } + else + strCSdata = "\\pgfPTnewColorScheme{" + name + "}{"; + // fill the color list... + for(i=0;i<trailfrom;i++) // > + strCSdata += RGBHEXToLaTeX(RGBToHex(document.getElementById("btn" + (i + 1)).style.backgroundColor)) + ","; + strCSdata = strCSdata.substr(0,strCSdata.length-1); + strCSdata += "}"; + //strCSdata = strCSdata.replace(/0./g,"."); + var filename = name + ".tex"; + // DEBUG INFO + document.getElementById("CSDATAwrite").value = "Contents of file " + filename + " (" + strCSdata.length + " bytes):\n" + strCSdata; + var filename = document.getElementById("userCSname").value; + var pos = filename.search(".tex"); + if(pos==-1) + filename += ".tex"; + download(filename,strCSdata); +} +// ############# +function download(filename, text) { + var dummy = document.createElement('a'); + dummy.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); + dummy.setAttribute('download', filename); + dummy.target = '_blank'; + dummy.style.display = 'none'; + document.body.appendChild(dummy); + dummy.click(); + document.body.removeChild(dummy); +} +// ############# +function readpgfPTCS() { + resetTrailing(); + var file = document.getElementById("tex").files[0]; + var reader = new FileReader(); + reader.onload = function (e) { + var textArea = document.getElementById("CSDATA"); + textArea.value = e.target.result; + }; + reader.readAsText(file); + var data = document.getElementById("CSDATA").value; + var trailColor = ""; + var CSname = ""; + var CScolorlist = ""; + var pos; + // remove '\pgfPTnewcolorscheme' + data = data.replace("\\pgfPTnewColorScheme",""); + // if nextchar [ store the trailing color, remove it from data and remove "]" + if(data[0]=="[") { + data = data.replace("[",""); + pos = data.search("]"); + trailColor = RGBLaTeXtoHEX(data.substring(0,pos)); + data = data.substr(pos+1); + } else trailColor = "#ffffff"; + // remove "{", store name in CSname and remove "}{" + data = data.replace("{",""); + pos = data.search("}"); + CSname = data.substring(0,pos); + data = data.substr(pos+2); + // parse color list + pos = data.search("}"); + data = data.substring(0,pos); + CScolorlist = data.split(','); + var tmpDEBUG=""; + for(i=0;i<CScolorlist.length;i++) // > + { + CScolorlist[i] = RGBLaTeXtoHEX(CScolorlist[i]); + tmpDEBUG += CScolorlist[i] + " "; + } + // DEBUG INFO + /*document.getElementById("CSDATA").value = initdata + "\n\ndata->" + data + "\n\ntrailColor->" + trailColor + "\n\nCSname->" + CSname + "\n\nColor List->" + CScolorlist + "\n\nList of colors (" + CScolorlist.length +") -> " + tmpDEBUG;*/ + document.getElementById("CSDATA").value = "\n\ntrailColor->" + trailColor + "\n\nCSname->" + CSname + "\n\nList of colors (" + CScolorlist.length +") -> " + tmpDEBUG; + document.getElementById("btndoit").disabled = false; +} +// ############# +function applypgfPTCSfromfile() { + var data = document.getElementById("CSDATA").value; + var initdata = data; + var trailColor = ""; + var CSname = ""; + var CScolorlist = ""; + var pos; + // remove '\pgfPTnewcolorscheme' + data = data.replace("\\pgfPTnewColorScheme",""); + // if nextchar [ store the trailing color, remove it from data and remove "]" + if(data[0]=="[") { + data = data.replace("[",""); + pos = data.search("]"); + trailColor = RGBLaTeXtoHEX(data.substring(0,pos)); + data = data.substr(pos+1); + } else trailColor = "#ffffff"; + // remove "{", store name in CSname and remove "}{" + data = data.replace("{",""); + pos = data.search("}"); + CSname = data.substring(0,pos); + data = data.substr(pos+2); + // parse color list + pos = data.search("}"); + data = data.substring(0,pos); + CScolorlist = data.split(','); + for(i=0;i<CScolorlist.length;i++) // > + CScolorlist[i] = RGBLaTeXtoHEX(CScolorlist[i]); + // Change colors of buttons + var count = 0; + for(i=0;i<CScolorlist.length;i++) {// > + document.getElementById("btn" + (i + 1)).style.backgroundColor = CScolorlist[i] ; + count++; + } + var x = document.getElementsByName("TP"); + if(count<x.length) // > + for(i=count;i<x.length;i++) // > + document.getElementById("btn" + (i + 1)).style.backgroundColor = trailColor; +} +// ############# +function loadinnerpgfPTCS() { + resetTrailing(); + var ID = document.getElementById("builtinCS").value + switch(ID) { + case "Soft": + var CScolorlist = ["Soft","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#F1F0EA","#F8F1C7","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F8F1C7","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA"]; + break; + case "Jmol": + var CScolorlist = ["Jmol","#FFFFFF","#D9FFFF","#CC80FF","#C2FF00","#FFB5B5","#909090","#3050F8","#FF0D0D","#90E050","#B3E3F5","#AB5CF2","#8AFF00","#BFA6A6","#F0C8A0","#FF8000","#FFFF30","#1FF01F","#80D1E3","#8F40D4","#3DFF00","#E6E6E6","#BFC2C7","#A6A6AB","#8A99C7","#9C7AC7","#E06633","#F090A0","#50D050","#C88033","#7D80B0","#C28F8F","#668F8F","#BD80E3","#FFA100","#A62929","#5CB8D1","#702EB0","#00FF00","#94FFFF","#94E0E0","#73C2C9","#54B5B5","#3B9E9E","#248F8F","#0A7D8C","#006985","#C0C0C0","#FFD98F","#A67573","#668080","#9E63B5","#D47A00","#940094","#429EB0","#57178F","#00C900","#70D4FF","#FFFFC7","#D9FFC7","#C7FFC7","#A3FFC7","#8FFFC7","#61FFC7","#45FFC7","#30FFC7","#1FFFC7","#00FF9C","#00E675","#00D452","#00BF38","#00AB24","#4DC2FF","#4DA6FF","#2194D6","#267DAB","#266696","#175487","#D0D0E0","#FFD123","#B8B8D0","#A6544D","#575961","#9E4FB5","#AB5C00","#754F45","#428296","#420066","#007D00","#70ABFA","#00BAFF","#00A1FF","#008FFF","#0080FF","#006BFF","#545CF2","#785CE3","#8A4FE3","#A136D4","#B31FD4","#B31FBA","#B30DA6","#BD0D87","#C70066","#CC0059","#D1004F","#D90045","#E00038","#E6002E","#EB0026","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF"]; + break; + case "CPK": + var CScolorlist = ["CPK","#FFFFFF","#00FFFF","#7700FF","#007700","#FFAA77","#222222","#2233FF","#FF2200","#1FF01F","#00FFFF","#7700FF","#007700","#DD77FF","#DD77FF","#FF9900","#FFE522","#1FF01F","#00FFFF","#7700FF","#007700","#FFAA77","#999999","#FFAA77","#FFAA77","#FFAA77","#DD7700","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#992200","#00FFFF","#7700FF","#007700","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#6600BB","#00FFFF","#7700FF","#007700","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#7700FF","#007700","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF"]; + break; + case "Rasmol": + var CScolorlist = ["Rasmol","#FFFFFF","#FFC0CB","#B22222","#FF1493","#00FF00","#C8C8C8","#8F8FFF","#F00000","#DAA520","#FF1493","#0000FF","#228B22","#808090","#DAA520","#FFA500","#FFC832","#00FF00","#FF1493","#FF1493","#808090","#FF1493","#808090","#FF1493","#808090","#808090","#FFA500","#FF1493","#A52A2A","#A52A2A","#A52A2A","#FF1493","#FF1493","#FF1493","#FF1493","#A52A2A","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#808090","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#A020F0","#FF1493","#FF1493","#FFA500","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#DAA520","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF"]; + break; + case "RasmolNew": + var CScolorlist = ["RasmolNew","#FFFFFF","#FFC0CB","#B22121","#FF1494","#00FF01","#D3D3D3","#87CEE6","#FF0000","#DAA521","#FF1494","#0000FF","#228B23","#696969","#DAA521","#FFAA00","#FFFF00","#00FF01","#FF1493","#FF1493","#696969","#FF1494","#696969","#FF1494","#696969","#696969","#FFAA00","#FF1494","#802828","#802828","#802828","#FF1493","#FF1493","#FF1493","#FF1493","#802828","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#696969","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#A020F1","#FF1493","#FF1493","#FFAA00","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#DAA521","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493"]; + break; + case "Wikipedia": + var CScolorlist = ["Wikipedia","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#CCCC99","#F0FF8F","#F0FF8F","#F0FF8F","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#CCCCCC","#CCCC99","#F0FF8F","#F0FF8F","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#CCCCCC","#CCCC99","#CCCC99","#F0FF8F","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#CCCCCC","#CCCCCC","#CCCC99","#CCCC99","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#CCCCCC","#CCCCCC","#CCCCCC","#CCCCCC","#CCCCCC","#C0FFFF","#FF6666","#FFDEAD","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8"]; + break; + case "MNM": + var CScolorlist = ["MNM","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E0D0C0","#E8D6A8","#E8D6A8","#E8D6A8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E0D0C0","#E8D6A8","#E8D6A8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E0D0C0","#E0D0C0","#E8D6A8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E0D0C0","#E0D0C0","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8"]; + break; + case "PS": + var CScolorlist = ["PS","#8DB4E3","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#8DB4E3","#8DB4E3","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#B6DDE8","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#A5A5A5","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#A5A5A5","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#B6DDE8","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5"]; + break; + case "Radio": + var CScolorlist = ["Radio","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#F4EE00","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#F4EE00","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00"]; + break; + case "Blocks": + var CScolorlist = ["Blocks","#FFEFAB","#FFEFAB","#FFEFAB","#FFEFAB","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2"]; + break; + default: + var CScolorlist = ["default","#C4CFF5","#ADBBEC","#DEE3DF","#EBE2B5","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD"]; + } + var x = document.getElementsByName("TP"); + for(i=1;i<=x.length;i++) // > + document.getElementById("btn" + (i)).style.backgroundColor = CScolorlist[i]; +} +// ############# +function init() { + var x = document.getElementsByName("TP"); + for(i=1;i<=x.length;i++) // > + document.getElementById("btn" + (i)).style.backgroundColor = "#AAAAAA"; + document.getElementById("btndoit").disabled = true; +} +</script> +</body> +</html> |