KING'S IT WORLD
please register to watch content in detail
THANKS
ADMIN KINGSIT WORLD

KING'S IT WORLD


 
HomeHome  CalendarCalendar  GalleryGallery  FAQFAQ  SearchSearch  UsergroupsUsergroups  RegisterRegister  Log inLog in  
Search
 
 

Display results as :
 
Rechercher Advanced Search
kings it world text ad
KINGSITWORLD CALENDAR
Follow me on G+
KINGSITWORLD WEATHER
Latest topics
» QURAN MAJEED KE TAFSEER
Mon Aug 20, 2012 2:59 am by YOUSUFHALI

» PHY301 CIRCUIT THEORY REFERENCE BOOK
Wed Jul 25, 2012 11:36 am by shabbir1915

» MTH202 ASSIGNMENT NO 3 SOLUVED
Mon Jun 11, 2012 9:51 am by jaffarhussain

» Retrieve the DTC In the Jewel Module of 1995 Ford
Thu May 31, 2012 11:51 am by obd2tool

» How you can Obvious the Check Engine Light on the
Thu May 31, 2012 11:43 am by obd2tool

» send free sms and send free sms update on facebook
Tue May 15, 2012 8:33 pm by rizwan269

» United Bank Limited (UBL) - Fee Deposit
Thu May 10, 2012 3:33 pm by irumnaz

» PHOTO MIXER SOFTWARE
Fri Apr 20, 2012 10:02 am by sacredwkb

» Entrepreneurship Survey
Thu Mar 08, 2012 2:20 pm by Admin

» Fall 2011 Semester Result Announced
Thu Mar 08, 2012 2:19 pm by Admin

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
kings it world text ad
Social bookmarking
Social bookmarking Digg  Social bookmarking Delicious  Social bookmarking Reddit  Social bookmarking Stumbleupon  Social bookmarking Slashdot  Social bookmarking Yahoo  Social bookmarking Google  Social bookmarking Blinklist  Social bookmarking Blogmarks  Social bookmarking Technorati  

Bookmark and share the address of KING'S IT WORLD on your social bookmarking website
visitors counter
Powered by website analytics technology.
Keywords
2011 term cs605 quran MCM301 solved MTH101 cs101 MKT621 quiz papers FALL mth302 cs403 SPRING midterm cs401 MTH202 assignment CS302 final paper mgt502 mth301 STA301 2010
kings it world text ad
FLAG COUNTER
free counters
LIVE TRAFFIC

Share | 
 

 JAVASCRIPT CALCULATOR

View previous topic View next topic Go down 
AuthorMessage
Admin
Admin


Scorpio
Posts : 638
Points : 2155
Reputation : 19
Join date : 2010-05-15
Age : 29
Location : islamabad

PostSubject: JAVASCRIPT CALCULATOR   Tue Jun 15, 2010 12:49 pm

COPY AND PASTE THE CODE IN NOTEPAD AND SAVE THE FILE WITH YOUR FILE NAME AND WITH EXTENSION .HTML AND ENJOY.

Code:

<HTML>
<HEAD><Title> My Basic Calculator</Title>
</HEAD>
    <script LANGUAGE="Javascript">
<!-- Begin
dCol='000000';//date colour.
fCol='000000';//face colour.
sCol='000000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;
// Alter nothing below! Alignments will be lost!
d=new Array("SUNDAY King'sitworld","MONDAY King'sitworld","TUESDAY King'sitworld","WEDNESDAY King'sitworld","THURSDAY King'sitworld","FRIDAY King'sitworld","SATURDAY King'sitworld");
m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.5;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++) {
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',40);
}
if (ns||ie)window.onload=Delay;
function FirstValue_plus_SecondValue(form) {
FirstValue=eval(form.FirstValue.value)
SecondValue=eval(form.SecondValue.value)
Result=FirstValue+SecondValue
form.Result.value = Result
}
function FirstValue_minus_SecondValue(form) {
FirstValue=eval(form.FirstValue.value)
SecondValue=eval(form.SecondValue.value)
Result=FirstValue-SecondValue
form.Result.value=Result
}
function FirstValue_times_SecondValue(form) {
FirstValue=eval(form.FirstValue.value)
SecondValue=eval(form.SecondValue.value)
Result=FirstValue*SecondValue
form.Result.value=Result
}
function FirstValue_div_SecondValue(form) {
FirstValue=eval(form.FirstValue.value)
SecondValue=eval(form.SecondValue.value)
Result=FirstValue/SecondValue
form.Result.value = Result
}
function FirstValue_remaindr_SecondValue(form) {
FirstValue=eval(form.FirstValue.value)
SecondValue=eval(form.SecondValue.value)
Result=FirstValue%=SecondValue
form.Result.value = Result
}

// End -->
</script>
    <style type="text/css">
<!--
.style1 {font-size: 12px}
-->
    </style>
</head>
<style type="text/css">
<!--
body,td,th {
 font-family: Arial;
 font-size: 16px;
 color: #000000;
 font-weight: bold;
}
-->
</style></head>
<BODY ><p align="center"><h1 align="center">Basic Calculator</p>
<body>
<form name="form1" method="post" action="">
 
  <table width="452" height="298" border="1" cellpadding="5" cellspacing="5">
    <tr>
      <td width="162"> <div align="right">First Value: </div></td>
      <td colspan="2"><label for="textfield"></label>
      <input name="FirstValue" type="text" id="FirstValue" size="30"></td>
    </tr>
    <tr>
      <td><div align="right">Second Value: </div></td>
      <td colspan="2"><input name="SecondValue" type="text" id="SecondValue" size="30"></td>
    </tr>
    <tr>
      <td><div align="right">Result:</div></td>
      <td colspan="2"><input name="Result" type="text" disabled id="Result" size="30"></td>
    </tr>
    <tr>
      <td rowspan="3">
      <p align="left" class="style1"> King's It World </p></td>
      <td width="107"><div align="center">
        <label for="Submit"></label>
       
          <div align="center">
            <input name="Addition" type="button"style="font-weight:bold;width:100;height:28;id="Addition" onClick="FirstValue_plus_SecondValue(this.form)" value="Addition">
            </div>
      </div></td>
      <td width="125"><div align="center">
        <input name="Subtraction" type="button"style="font-weight:bold;width:100;height:28;id="Subtraction" onClick="FirstValue_minus_SecondValue(this.form)" value="Subtraction">
      </div></td>
    </tr>
    <tr>
      <td><div align="center">
        <input name="Multipilcation" type="button"style="font-weight:bold;width:100;height:28;id="Multipilcation" onClick="FirstValue_times_SecondValue(this.form)" value="Multipilcation">
      </div></td>
      <td><div align="center">
        <input name="Division" type="button"style="font-weight:bold;width:100;height:28;id="Division" onClick="FirstValue_div_SecondValue(this.form)" value="Division">
      </div></td>
    </tr>
    <tr>
      <td><div align="center">
        <input type="BuTTon" style="font-weight:bold;width:100;height:28;id="Remainder" onclick="FirstValue_remaindr_SecondValue(this.form)" value="Remainder">
      </div></td>
      <td><div align="center">
        <INPUT TYPE="RESET" style="font-weight:bold;width:102;height:28" VALUE="Clear" Disable>
      </div></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>
</body>
</html>



Back to top Go down
View user profile
Admin
Admin


Scorpio
Posts : 638
Points : 2155
Reputation : 19
Join date : 2010-05-15
Age : 29
Location : islamabad

PostSubject: Re: JAVASCRIPT CALCULATOR   Mon Aug 09, 2010 10:03 am

good effort


Back to top Go down
View user profile
 
JAVASCRIPT CALCULATOR
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» BMI Calculator
» DAPT risk calculator
» Find your Elemental Hand Shape in 3 steps! (Locked topic)

Permissions in this forum:You cannot reply to topics in this forum
KING'S IT WORLD :: PROGRAMING LANGUAGES :: JAVASCRIPT :: javascript codes-
Jump to: