javascript文本链接到按钮
我想将下面的文本链接更改为css按钮javascript文本链接到按钮,javascript,button,Javascript,Button,我想将下面的文本链接更改为css按钮 <script language="JavaScript" src="calculator.js"></script> <a href="javascript:viewCalc()" style="text-decoration: none" >Calculator</a> 将类添加到您的 然后在CSS样式中，它看起来像一个按钮： .anchorButton { /* Resets */ font-
<script language="JavaScript" src="calculator.js"></script>
<a href="javascript:viewCalc()" style="text-decoration: none" >Calculator</a>
将类添加到您的
.anchorButton {
/* Resets */
font-family: sans-serif;
font-size: 16px;
color: #000;
border: 1px solid #000;
border-radius: 0;
background-color: transparent;
margin: 0;
padding: 0;
height: auto;
width: auto;
cursor: pointer;
/* More styles... */
}
a.anchorButton {
/* Styles for when it's an <a> */
text-decoration: none;
}
button.anchorButton {
/* Styles for when it's a <button> */
-webkit-appearance: none;
-moz-appearance: none;
}
.anchorButton{
/*重置*/
字体系列：无衬线；
字体大小：16px；
颜色：#000；
边框：1px实心#000；
边界半径：0；
背景色：透明；
保证金：0；
填充：0；
高度：自动；
宽度：自动；
光标：指针；
/*更多款式*/
}
a、 主播按钮{
/*当它是一个*/
文字装饰：无；
}
button.anchorButton{
/*当它是一个*/
-webkit外观：无；
-moz外观：无；
}
Bootstrap
<style>
.myButton {
-moz-box-shadow:inset 13px 1px 11px -50px #9acc85;
-webkit-box-shadow:inset 13px 1px 11px -50px #9acc85;
box-shadow:inset 13px 1px 11px -50px #9acc85;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #375721), color-stop(1, #53ba1c));
background:-moz-linear-gradient(top, #375721 5%, #53ba1c 100%);
background:-webkit-linear-gradient(top, #375721 5%, #53ba1c 100%);
background:-o-linear-gradient(top, #375721 5%, #53ba1c 100%);
background:-ms-linear-gradient(top, #375721 5%, #53ba1c 100%);
background:linear-gradient(to bottom, #375721 5%, #53ba1c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#375721', endColorstr='#53ba1c',GradientType=0);
background-color:#375721;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:6px;
display:block;
width :130px;
height :20px;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:7px 45px 7px;
text-decoration:none;
text-shadow:0px 1px 0px #0B370A;
text-align: center;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #3e662b));
background:-moz-linear-gradient(top, #68a54b 5%, #3e662b 100%);
background:-webkit-linear-gradient(top, #68a54b 5%, #3e662b 100%);
background:-o-linear-gradient(top, #68a54b 5%, #3e662b 100%);
background:-ms-linear-gradient(top, #68a54b 5%, #3e662b 100%);
background:linear-gradient(to bottom, #68a54b 5%, #3e662b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#3e662b',GradientType=0);
background-color:#68a54b;
}
.myButton:active {
position:relative;
top:1px;
}
</style>
<body>
<script language="JavaScript" src="calculator.js"></script>
<br style="line-height:7.1vh" />
<a href="javascript:viewCalc()" class="myButton">Calculator</a>
</body>
.我的按钮{
-moz盒阴影：插入13px 1px 11px-50px#9ac85；
-网络工具包盒阴影：插图13px 1px 11px-50px#9ac85；
盒影：插入13px 1px 11px-50px#9ac85；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#375721）、颜色停止（1，#53ba1c））；
背景：-moz线性梯度（顶部，#375721 5%，#53ba1c 100%）；
背景：-webkit线性梯度（顶部，#375721 5%，#53ba1c 100%）；
背景：-o-线性梯度（顶部，#375721 5%，#53ba1c 100%）；
背景：-ms线性梯度（顶部，#375721 5%，#53ba1c 100%）；
背景：线性梯度（至底部，#375721 5%，#53ba1c 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#375721'，endColorstr='#53ba1c'，GradientType=0）；
背景色：#375721；
-moz边界半径：3px；
-webkit边界半径：3px；
边界半径：6px；
显示：块；
宽度：130px；
高度：20px；
光标：指针；
颜色：#ffffff；
字体系列：Arial；
字体大小：16px；
字体大小：粗体；
填充：7px 45px 7px；
文字装饰：无；
文本阴影：0px 1px 0px#0B370A；
文本对齐：居中；
}
.myButton:悬停{
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#68a54b）、颜色停止（1，#3e662b））；
背景：-莫兹线性梯度（顶部，#68a54b 5%，#3e662b 100%）；
背景：-webkit线性梯度（顶部，#68a54b 5%，#3e662b 100%）；
背景：-o-线性梯度（顶部，#68a54b 5%，#3e662b 100%）；
背景：-ms线性梯度（顶部，#68a54b 5%，#3e662b 100%）；
背景：线性梯度（至底部，#68a54b 5%，#3e662b 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#68a54b'，endColorstr='#3e662b'，GradientType=0）；
背景色：#68a54b；
}
.myButton:活动{
位置：相对位置；
顶部：1px；
}
//--------------------------------------------------------------------------------------------------------
//配置
//--------------------------------------------------------------------------------------------------------
var calcBGColor=“#53ba1c”//计算器背景色
var calcBorder=“2px绿色”；//计算器边框（CSS规格：尺寸样式颜色，例如“2px白色”）
var calcFontSize=15；//计算器字体大小（像素）
var calcMode=“dec”；//计算器默认模式：“十进制”或“十六进制”
var calcFadeSpeed=15；//计算器衰减速度（0-30；0=无衰减）*
var title=“计算器”；//标题栏文本
变量titleBGColor=“#206D15”//标题栏背景色
变量titleColor=“#FFFFFF”//标题栏字体颜色
var displayBGColor=“白色”//显示背景色
var displayBorder=“0px插入白色”；//显示边框（CSS规格：尺寸样式颜色，例如“2px嵌入白色”）
var displayColor=“#0000A0”//显示字体颜色
var buttonBGColor=“#FFDC00”//按钮背景色
var buttonColor=“#000000”//按钮字体颜色
//--------------------------------------------------------------------------------------------------------
//获取浏览器
//--------------------------------------------------------------------------------------------------------
var DOM=document.getElementById；
var IE4=document.all；
//--------------------------------------------------------------------------------------------------------
//计算器按钮
//--------------------------------------------------------------------------------------------------------
var按钮=新数组（）；
按钮[0]=新数组（'AC'，'CI'，'&larr；'，'Hex'）；
按钮[1]=新数组（'D'，'E'，'F'，'Dec'）；
按钮[2]=新数组（'A'、'B'、'C'、'+/-'、''）；
按钮[3]=新数组（'7'、'8'、'9'、'÷；'、'x²；'）；
按钮[4]=新数组（'4'、'5'、'6'、'×；'、'&radic；'）；
按钮[5]=新数组（'1'、'2'、'3'、'&减号；'、'1/x'）；
按钮[6]=新数组（'0'、'.'、'='、'+'、'%'）；
//--------------------------------------------------------------------------------------------------------
//计算器功能
//--------------------------------------------------------------------------------------------------------
var buffer=公式=lastOp=lastInput=''；
如果（！calcMode）calcMode='dec'；
函数makeButtons（）{
变量i，j，link；
var html=''；
对于（i=0；i//--------------------------------------------------------------------------------------------------------
// Configuration
//--------------------------------------------------------------------------------------------------------
var calcBGColor = "#53ba1c"; // calculator background color
var calcBorder = "2px outset green"; // calculator border (CSS spec: size style color, e.g. "2px outset white")
var calcFontSize = 15; // calculator font size (pixels)
var calcMode = "dec"; // calculator default mode: "dec" (decimal) or "hex" (hexadecimal)
var calcFadeSpeed = 15; // calculator fade speed (0 - 30; 0 = no fading)*
var title = "Calculator"; // title bar text
var titleBGColor = "#206D15"; // title bar background color
var titleColor = "#FFFFFF"; // title bar font color
var displayBGColor = "white"; // display background color
var displayBorder = "0px inset white"; // display border (CSS spec: size style color, e.g. "2px inset white")
var displayColor = "#0000A0"; // display font color
var buttonBGColor = "#FFDC00"; // button background color
var buttonColor = "#000000"; // button font color
//--------------------------------------------------------------------------------------------------------
// Get browser
//--------------------------------------------------------------------------------------------------------
var DOM = document.getElementById;
var IE4 = document.all;
//--------------------------------------------------------------------------------------------------------
// Calculator buttons
//--------------------------------------------------------------------------------------------------------
var buttons = new Array();
buttons[0] = new Array('AC', 'CI', '←', '', 'Hex');
buttons[1] = new Array('D', 'E', 'F', '', 'Dec');
buttons[2] = new Array('A', 'B', 'C', '+/-', '');
buttons[3] = new Array('7', '8', '9', '÷', 'x²');
buttons[4] = new Array('4', '5', '6', '×', '√');
buttons[5] = new Array('1', '2', '3', '−', '1/x');
buttons[6] = new Array('0', '.', '=', '+', '%');
//--------------------------------------------------------------------------------------------------------
// Calculator functions
//--------------------------------------------------------------------------------------------------------
var buffer = formula = lastOp = lastInput = '';
if(!calcMode) calcMode = 'dec';
function makeButtons() {
var i, j, link;
var html = '<form name="f1">';
for(i = 0; i < buttons.length; i++) {
html += '<tr align="center">';
for(j = 0; j < buttons[i].length; j++) {
switch(buttons[i][j]) {
case 'AC': link = 'clearAll()'; break;
case 'CI': link = 'clearInput()'; break;
case '←': link = 'delChar()'; break;
case 'Hex': link = 'dec2hex()'; break;
case 'Dec': link = 'hex2dec()'; break;
case '+': link = "operator('+')"; break;
case '−': link = "operator('-')"; break;
case '÷': link = "operator('/')"; break;
case '×': link = "operator('*')"; break;
case '%': link = "operator('%')"; break;
case '√': link = "operator('sqrt')"; break;
case 'x²': link = "operator('pow')"; break;
case '1/x': link = "operator('1/x')"; break;
case '+/-': link = "operator('+/-')"; break;
case '=': link = "operator('=')"; break;
default: link = "character('" + buttons[i][j] + "')";
}
html += '<td>';
if(buttons[i][j]) {
html += '<input type="button" id="btn' + i + j + '" value="' + buttons[i][j] +
'" style="' + cssButton + '" onMouseUp="' + link + '" onFocus="this.blur()">';
}
html += '</td>';
}
html += '</tr>';
}
html += '</form>';
return html;
}
function disableButtons() {
var mode = (calcMode == 'hex') ? false : true;
document.f1.btn10.disabled = mode;
document.f1.btn11.disabled = mode;
document.f1.btn12.disabled = mode;
document.f1.btn20.disabled = mode;
document.f1.btn21.disabled = mode;
document.f1.btn22.disabled = mode;
document.f1.btn61.disabled = !mode;
document.f1.btn34.disabled = !mode;
document.f1.btn44.disabled = !mode;
document.f1.btn54.disabled = !mode;
document.f1.btn64.disabled = !mode;
}
function print(text) {
var obj = null;
if(DOM) obj = document.getElementById('calcDisplay');
else if(IE4) obj = document.all.calcDisplay;
if(obj) {
var op = '';
if(calcMode == 'hex') text = text.replace('0x', '');
switch(lastOp) {
case '+': op = lastOp; break;
case '-': op = '−'; break;
case '*': op = '×'; break;
case '/': op = '÷'; break;
}
obj.innerHTML = '<div style="' + cssDisplayMode + '">' + calcMode.toUpperCase() + '</div>' +
'<div style="' + cssDisplayOp + '">' + op + '</div>' + text;
}
}
function character(c) {
if(formula == 'calculated') formula = buffer = lastInput = '';
if(!buffer && calcMode == 'hex') buffer = '0x';
var charCnt = buffer.length;
if(calcMode == 'hex') charCnt -= 2;
if((calcMode == 'hex' && charCnt < 16) || (calcMode == 'dec' && charCnt < 20)) {
if(c >= '1' && c <= '9') {
buffer += c;
print(buffer);
}
else if(c == '0') {
if(buffer && buffer != '0x') {
buffer += c;
print(buffer);
}
}
else if(calcMode == 'hex') {
c = c.toUpperCase();
if(c >= 'A' && c <= 'F') {
buffer += c;
print(buffer);
}
}
else if(c == '.') {
if(!buffer) buffer = '0.';
else if(buffer.indexOf('.') == -1) buffer += '.';
}
lastInput = buffer;
}
}
function operator(op) {
if(formula == 'calculated') formula = '';
if(calcMode == 'hex' && buffer.length > 20) buffer = buffer.substr(0, 20);
if(buffer.charAt(buffer.length - 1) == '.') buffer += '0';
switch(op) {
case 'sqrt': if(buffer) {
formula = 'Math.sqrt(' + buffer + ')';
lastOp = '';
calculate();
}
else clearAll();
break;
case 'pow': if(buffer) {
formula = 'Math.pow(' + buffer + ', 2)';
lastOp = '';
calculate();
}
else clearAll();
break;
case '1/x': if(buffer) {
formula = '1/' + buffer;
lastOp = '';
calculate();
}
else clearAll();
break;
case '%': if(formula && buffer) {
if(lastOp != '*') {
var perc = eval(formula + '*' + buffer + '/100');
formula += lastOp + perc;
}
else formula += lastOp + buffer + '/100';
lastOp = '';
calculate();
}
else clearAll();
break;
case '+/-': if(buffer && buffer != '0' && buffer != '0x0') {
if(buffer.charAt(0) == '-') buffer = buffer.substr(1);
else buffer = '-' + buffer;
print(buffer);
}
break;
case '+':
case '-':
case '*':
case '/': lastOp = op;
if(formula) {
if(buffer) {
formula += op + buffer;
calculate();
formula = buffer;
buffer = '';
}
}
else {
if(!buffer) buffer = (calcMode == 'hex') ? '0x0' : '0';
formula = buffer;
buffer = '';
}
break;
case '=': if(buffer) {
if(formula) formula += lastOp + buffer;
else if(lastOp && lastInput) {
formula = buffer + lastOp + lastInput;
}
if(formula) calculate();
}
else clearAll();
break;
}
}
function calculate() {
if(formula) {
var error = false;
var result = '';
formula = formula.replace(/--([0-9A-Fx]+)/, '-(-$1)');
try {
result = eval(formula);
if(!isFinite(result)) error = true;
else if(calcMode == 'hex') {
result = Math.floor(result);
result = result.toString(16).toUpperCase();
}
else {
var s = result.toString();
if(s.indexOf('.') != -1 && s.indexOf('e') == -1) {
result = Math.round(result * 10000000000000) / 10000000000000;
}
result = result.toString();
}
}
catch(e) {
error = true;
}
if(error) {
buffer = '';
print('ERROR');
}
else {
if(calcMode == 'hex') {
if(result.charAt(0) == '-') result = '-0x' + result.substr(1);
else result = '0x' + result;
}
print(result);
buffer = result;
}
window.status = formula + '=' + result;
formula = 'calculated';
}
}
function dec2hex() {
if(calcMode != 'hex') {
calcMode = 'hex';
disableButtons();
if(buffer) {
formula = 'calculated';
lastInput = lastOp = '';
window.status = '';
buffer = parseInt(buffer);
if(isNaN(buffer)) {
buffer = '';
print('ERROR');
}
else {
buffer = buffer.toString(16).toUpperCase();
buffer = (buffer.charAt(0) == '-') ? '-0x' + buffer.substr(1) : '0x' + buffer;
print(buffer);
}
}
else clearAll();
}
else clearAll();
}
function hex2dec() {
if(calcMode != 'dec') {
calcMode = 'dec';
disableButtons();
if(buffer) {
formula = 'calculated';
lastInput = lastOp = '';
window.status = '';
buffer = parseInt(buffer, 16);
if(isNaN(buffer)) {
buffer = '';
print('ERROR');
}
else {
buffer = buffer.toString();
print(buffer);
}
}
else clearAll();
}
else clearAll();
}
function clearInput() {
buffer = lastInput = '';
print('0');
window.status = '';
}
function clearAll() {
formula = lastOp = '';
clearInput();
}
function delChar() {
if(formula != 'calculated') {
if(buffer) {
buffer = buffer.substr(0, buffer.length - 1);
if(!buffer || buffer.search(/^\-?(0x?)?$/) != -1) clearInput();
else print(buffer);
}
}
}
//--------------------------------------------------------------------------------------------------------
// Visual effects functions
//--------------------------------------------------------------------------------------------------------
var timer = opacity = 0;
function setOpacity(op) {
if(obj) {
obj.style.filter = 'alpha(opacity=' + op + ')';
obj.style.mozOpacity = '.1';
if(obj.filters) obj.filters.alpha.opacity = op;
if(!IE4 && obj.style.setProperty) obj.style.setProperty('-moz-opacity', op / 100, '');
}
}
function fadeIn() {
if(sobj) {
sobj.visibility = 'visible';
if(calcFadeSpeed && opacity < 100) {
opacity += calcFadeSpeed;
if(opacity > 100) opacity = 100;
setOpacity(opacity);
if(timer) clearTimeout(timer);
timer = setTimeout('fadeIn()', 1);
}
else {
opacity = 100;
setOpacity(100);
}
}
}
function fadeOut() {
if(sobj) {
if(calcFadeSpeed && opacity > 0) {
opacity -= calcFadeSpeed;
if(opacity < 0) opacity = 0;
setOpacity(opacity);
if(timer) clearTimeout(timer);
timer = setTimeout('fadeOut()', 1);
}
else {
opacity = 0;
setOpacity(0);
sobj.visibility = 'hidden';
}
}
}
function viewCalc() {
if(sobj && sobj.visibility != 'visible') {
document.onkeydown = getKeyCode;
sobj.left = mouseX + 'px';
sobj.top = mouseY + 'px';
fadeIn();
}
}
function hideCalc() {
document.onkeydown = null;
fadeOut();
clearAll();
}
//--------------------------------------------------------------------------------------------------------
// General functions
//--------------------------------------------------------------------------------------------------------
function getScrollLeft() {
var scrLeft = 0;
if(document.documentElement && document.documentElement.scrollLeft)
scrLeft = document.documentElement.scrollLeft;
else if(document.body && document.body.scrollLeft)
scrLeft = document.body.scrollLeft;
else if(window.pageXOffset) scrLeft = window.pageXOffset;
return scrLeft;
}
function getScrollTop() {
var scrTop = 0;
if(document.documentElement && document.documentElement.scrollTop)
scrTop = document.documentElement.scrollTop;
else if(document.body && document.body.scrollTop)
scrTop = document.body.scrollTop;
else if(window.pageYOffset) scrTop = window.pageYOffset;
return scrTop;
}
//--------------------------------------------------------------------------------------------------------
// Event handlers
//--------------------------------------------------------------------------------------------------------
var mouseX = mouseY = 0;
var dragging = false;
function getKeyCode(e) {
var k;
if(e && e.which) k = e.which;
else if(event && event.keyCode) k = event.keyCode;
if(k == 13) operator('=');
else if(k) {
if(k == 27) clearAll();
else if(k == 46) clearInput();
else if(k == 37) delChar();
else if(k >= 96 && k <= 105) character(k - 96);
else if(k >= 65 && k <= 70) character(String.fromCharCode(k));
else if(k == 110 || k == 188 || k == 190) character('.');
else if(k == 106) operator('*');
else if(k == 107) operator('+');
else if(k == 109) operator('-');
else if(k == 111) operator('/');
else if(k == 88) hideCalc();
}
}
function getMouse(e) {
var mX = mouseX;
var mY = mouseY;
if(e && e.pageX != null) {
mouseX = e.pageX;
mouseY = e.pageY;
}
else if(event && event.clientX != null) {
mouseX = event.clientX + getScrollLeft();
mouseY = event.clientY + getScrollTop();
}
if(mouseX < 0) mouseX = 0;
if(mouseY < 0) mouseY = 0;
if(dragging && sobj) {
var x = parseInt(sobj.left + 0);
var y = parseInt(sobj.top + 0);
sobj.left = x + (mouseX - mX) + 'px';
sobj.top = y + (mouseY - mY) + 'px';
}
}
function startDrag(e) {
if(!DOM && !IE4) return;
var firedobj = (e && e.target) ? e.target : event.srcElement;
var topelement = DOM ? 'HTML' : 'BODY';
if(DOM && firedobj.nodeType == 3) firedobj = firedobj.parentNode;
if(firedobj.className == 'titlebar') {
firedobj.unselectable = true;
while(firedobj.tagName != topelement && firedobj.className != 'calculator')
firedobj = DOM ? firedobj.parentNode : firedobj.parentElement;
if(firedobj.className == 'calculator') {
sobj = firedobj.style;
dragging = true;
}
}
}
document.onmousemove = getMouse;
document.onmousedown = startDrag;
document.onmouseup = function() { dragging = false; }
//--------------------------------------------------------------------------------------------------------
// Build calculator
//--------------------------------------------------------------------------------------------------------
var calcWidth = calcFontSize * 17;
var obj, sobj;
var cssCalculator = (calcBGColor ? 'background-color: ' + calcBGColor + '; ' : '') +
(calcBorder ? 'border: ' + calcBorder + '; ' : '');
var cssTitleBar = 'cursor: default; ' +
'font-family: Arial, Helvetica; ' +
'font-size: ' + (calcFontSize + 1) + 'px; ' +
'font-weight: bold; ' +
'padding: 4px; ' +
(titleColor ? 'color: ' + titleColor + '; ' : '') +
(titleBGColor ? 'background-color: ' + titleBGColor + '; ' : '');
var cssDisplay = 'width: ' + calcWidth + 'px; ' +
'height: ' + (calcFontSize + 4) + 'px; ' +
'font-family: Arial, Helvetica; ' +
'font-size: ' + (calcFontSize + 1) + 'px; ' +
'font-weight: bold; ' +
'text-align: right; ' +
'margin: 2px; ' +
'padding: 4px; ' +
'overflow: hidden; ' +
'white-space: nowrap; ' +
(displayColor ? 'color: ' + displayColor + '; ' : '') +
(displayBGColor ? 'background-color: ' + displayBGColor + '; ' : '') +
(displayBorder ? 'border: ' + displayBorder + '; ' : '');
var cssDisplayMode = 'width: ' + Math.round(calcFontSize * 1.5) + 'px; ' +
'font-family: Arial, Helvetica; ' +
'font-weight: normal; ' +
'font-size: ' + Math.round(calcFontSize / 1.5) + 'px; ' +
'white-space: nowrap; ' +
'float: right; ' +
(displayColor ? ' color: ' + displayColor + '; ' : '');
var cssDisplayOp = 'width: ' + Math.round(calcFontSize / 1.5) + 'px; ' +
'font-family: Arial, Helvetica; ' +
'font-weight: normal; ' +
'font-size: ' + Math.round(calcFontSize / 1.5) + 'px; ' +
'text-align: left; ' +
'float: left; ' +
(displayColor ? ' color: ' + displayColor + '; ' : '');
var cssButton = 'font-family: Arial, Helvetica; ' +
'font-weight: bold; ' +
'width: ' + (calcFontSize * 3) + 'px; ' +
'font-size: ' + (calcFontSize - 1) + 'px; ' +
(buttonColor ? 'color: ' + buttonColor + '; ' : '') +
(buttonBGColor ? 'background-color: ' + buttonBGColor + '; ' : '');
var cssButtonClose = 'font-family: Arial, Helvetica; ' +
'font-weight: bold; ' +
'width: ' + Math.round(calcFontSize * 1.5) + 'px; ' +
'font-size: ' + (calcFontSize - 1) + 'px; ' +
(buttonColor ? 'color: ' + buttonColor + '; ' : '') +
(buttonBGColor ? 'background-color: ' + buttonBGColor + '; ' : '');
document.write('<div id="calculator" class="calculator" style="position:absolute; z-index:69; visibility:hidden">' +
'<table border="0" cellspacing="0" cellpadding="2" style="' + cssCalculator + '">' +
'<tr><td colspan="' + (buttons[0].length - 1) + '" class="titlebar" style="' + cssTitleBar + '">' + title +
'</td><td align="right" class="titlebar" style="' + cssTitleBar + '">' +
'<input type="button" value="×" style="' + cssButtonClose +
'" onClick="hideCalc()" onFocus="this.blur()"></td></tr>' +
'<tr><td colspan="' + buttons[0].length + '" align="center">' +
'<div id="calcDisplay" style="' + cssDisplay + '"></div>' +
'</td></tr>' + makeButtons() + '</table></div>');
if(DOM) obj = document.getElementById('calculator');
else if(IE4) obj = document.all.calculator;
if(obj) sobj = obj.style;
disableButtons();
clearAll();
//--------------------------------------------------------------------------------------------------------