如何使用javascript或jquery创建Calculator弹出窗口？ [英] How to create Calculator popup using javascript or jquery?

问题描述

我想创建一个应用程序，以便在主页面上点击一个名为calculator的菜单时，应该打开一个计算器弹出窗口...可以帮助吗？

解决方案

< blockquote>你可以选择简单的 Cut&粘贴JavaScript计算器 [ ^ ]并显示此信息控制弹出窗口。



但如果你想要Windows控件，请检查以下文章。

1. C#弹出计算器，按钮和文本控件 [ ^ ]。

2. 计算器控制盒 [ ^ ]。



你也可以浏览这些代码并理解逻辑并为你的网页创建。



或者去那个简单的JavaScript计算器。



代码

 <   FORM     NAME   =  Calc >  
 < ;  表    BORDER  < span class =code-keyword> =   4  >  
 < span class =code-keyword><   TR  >  
 <  道明 >  
 <   INPUT     TYPE   =  text        NAME   = 输入   尺寸  =  16 >  
 <   br  >  
 <   / TD  >  
 <   / TR  > ;  
 <   TR   >  
 < span class =code-keyword><   TD  >  
 <   INPUT     TYPE   = 按钮    NAME   =  one        VALUE   =  1    OnClick   =  Calc.Input .value + ='1' >  
 <   INPUT     TYPE   = 按钮    NAME   = 两个   < span class =code-attribute>     VALUE   =  2    OnCLick   =  Calc.Input.value + ='2' >  
 <   INPUT     TYPE   =  button    NAME   = 三    VALUE   =  3    OnClick   =  Calc.Input.value + ='3' >  
 <   INPUT     TYPE   = < span class =code-keyword> button    NAME   =  plus      VALUE   =  +     OnClick   = < span class =code-keyword> Calc.Input.value + ='+' >  
 <   br  >  
 <   INPUT     TYPE   = 按钮    NAME   =  four      VALUE   =  4    OnClick   =  Calc.Input.value + ='4' >  
 <   INPUT     TYPE   = 按钮   名称  = 五      VALUE   =  5    OnCLick   =  Ca lc.Input.value + ='5' >  
 <   INPUT     TYPE   = 按钮    NAME   =  six        VALUE   =  6    OnClick   =  Calc.Input.value + ='6' >  
 <   INPUT     TYPE   = 按钮   名称  =  减去    VALUE  < span class =code-keyword> =   -     OnClick   =  Calc.Input.value + =' - ' >  
 <   br  >  
 <   INPUT     TYPE   = 按钮    NAME   = 七    VALUE   =  7    OnClick   =  Calc.Input.value + ='7 ' >  
 <  输入    TYPE   = 按钮    NAME   = 八    VALUE   =  8    OnCLick   =  Calc.Input .value + ='8' >  
 <   INPUT     TYPE   = 按钮    NAME   = 九   < span class =code-attribute>   VALUE   =  9    OnClick   =  Calc.Input.value + ='9' >  
 <   INPUT    < span class =code-attribute> TYPE   =  button    NAME   = 次    VALUE   =  x    OnClick   =  Calc.Input.value + ='*' >  
 <   br  > ;  
 <   INPUT    < span class =code-attribute> TYPE   =  button    NAME   =  clear    VALUE   =  c    OnClick   =  Calc.Input.value ='' >  
 <   INPUT     TYPE   =  button    NAME   = 零      VALUE   =  0    OnClick   =  Calc.Input.value + = '0' >  
 <   INPUT     TYPE   =  按钮    NAME  < span class =code-keyword> =  DoIt      VALUE   =  =    OnClick   =  Calc.Input.value = eval（Calc.Input.value） >  
 <   INPUT     TYPE   = 按钮    NAME   =  div         VALUE   =  /    OnClick   =  Calc.Input.value + ='/' >  
 <   br  >  
 < ;   / TD  >  
 <   / TR  >  
 <   / TABLE  >  
 <   / FORM  >  

科学计算器

1. 剪切&粘贴科学计算器 [ ^ ]。



2. 弹出计算器 [ ^ ]。你也可以找到从你的网页弹出这个代码的代码。

如下所示。

 <  表格 >  <  输入    type   = 按钮    value   = 弹出计算器    onclick   =  javascript：window.open（'http://ostermiller.org/calc/calculator.html','calculator'+new Date（）。getTime（），'toolbar = no，location = no，directories = no，status =没有，菜单栏=没有，滚动条=没有，可调整大小=是，copyhistory =无，宽度= 450，height = 300'）; >  <   / form  >  

感谢...

I want to create a application so that on clicking a menu named calculator on master page,a calculator popup should be opened...can any one help?

解决方案

You can go for the simple Cut & Paste JavaScript calculator[^] and show this control on a popup.

But if you want windows controls then check the below articles.
1. C# Popup Calculator, Button, and Text Control[^].
2. A Calculator Control Box[^].

You can also go through these codes and understand the logic and create this for your webpage.

Or else go for that simple JavaScript Calculator.

Code

<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text"   NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one"   VALUE="  1  " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two"   VALUE="  2  " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE="  3  " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus"  VALUE="  +  " OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four"  VALUE="  4  " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five"  VALUE="  5  " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six"   VALUE="  6  " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE="  -  " OnClick="Calc.Input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE="  7  " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE="  8  " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine"  VALUE="  9  " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE="  x  " OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE="  c  " OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero"  VALUE="  0  " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt"  VALUE="  =  " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div"   VALUE="  /  " OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>

Scientific Calculator
1. Cut & Paste Scientific Calculator[^].

2. Popup Calculator[^]. You can also find the code to popup this one from your web page.
That is like below.

<form><input type="button" value="Popup Calculator" onclick="javascript:window.open('http://ostermiller.org/calc/calculator.html','calculator'+new Date().getTime(),'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=450,height=300');"></form>

Thanks...

这篇关于如何使用javascript或jquery创建Calculator弹出窗口？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！