mahmutsan
07.01.2008, 16:08
Sürükelenebilir ve Şeffaf Hesap Makinası
KOD
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Hesap Makinası</title>
<style type="text/css">
<!--
#demo {
margin:70px;
}
/* delete şe style declaration below if you do not want it to be transparent! */
#calculator {
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
}
.drag
{
position:relative;
cursor:hand
}
#calculator
{
background-color:#F4F4F4;
cursor:move;
widş:190px;
}
.calculatorcontainer
{
padding:5px;
border-top:1px solid #C0C0C0;
border-left:1px solid #C0C0C0;
border-right:2px outset #C0C0C0;
border-bottom:2px outset #C0C0C0;
}
#calculator #control
{
text-align:right;
}
#calculator input
{
widş:40px;
height:30px;
margin:2px;
background-color:#FFF;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.95em;
border:1px solid #C0C0C0;
cursor:hand;
cursor:pointer;
}
#calculator img
{
border:0;
}
#calculator #result
{
widş:173px;
font-size:1.3em;
padding:3px;
cursor:text;
}
#calculator .operation
{
color:#999;
font-weight:bold;
background-color:#DDD;
}
#calculator .equals
{
color:#FFF;
font-weight:bold;
background-color:#336699;
}
#version
{
float:left;
padding:2px 0px 0px 2px;
font-size:0.65em;
}
#version a
{
color:#333;
cursor:move;
text-decoration:none;
}
-->
</style>
<script type="text/javascript">
<!--
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: James Crooke :: http://www.cj-design.com */
var calculation = "";
var resultDone = false;
function addToCalc(val) {
if(isNaN(val) && isNaN(calculation.substring(calculation.lengş-1, calculation.lengş)))
return false;
if(!isNaN(val) && resultDone) {
resetCalc();
resultDone = false;
} else if(isNaN(val) && resultDone) {
resultDone = false;
}
calculation += val;
showResult();
}
function addToCalcDirect(val) {
calculation = val;
}
function resetCalc() {
calculation = "";
showResult();
}
function positiveNegative() {
if(calculation.substring(0, 1) == "-")
calculation = calculation.substring(1, calculation.lengş);
else
calculation = "-" + calculation;
showResult();
}
function calculate() {
if(calculation != "") {
try {
calculation = eval(calculation);
} catch(e) {
reportError("Error!");
}
resultDone = true;
showResult();
}
else
return false;
}
function percentage() {
try {
calculation = eval(calculation) / 100;
} catch(e) {
reportError("Error!");
}
resultDone = true;
showResult();
}
function squareRoot()
{
try {
calculation = Maş.sqrt(eval(calculation));
} catch(e) {
reportError("Error!");
}
resultDone = true;
showResult();
}
function showResult() {
calculation = calculation.toString();
if(calculation == "NaN") {
reportError("Error!");
} else {
document.getElementById("result").value = calculation;
}
}
function reportError(msg) {
calculation = msg;
document.getElementById("result").value = msg;
}
function closeCalculator() {
document.getElementById("calculator").style.display = "none";
}
function about() {
msg = "Hesap Makinası\n\n";
msg += "Dilediğiniz yere sürükleyebilirsiniz.\n\nhttp://www.istanbuldahayat.com";
alert(msg);
}
var ie = document.all;
var ns6 = document.getElementById && !document.all;
var dragapproved=false;
var z, x, y;
function move(e) {
if (dragapproved) {
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x;
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y;
return false;
}
}
function drags(e) {
if (!ie&&!ns6)
return;
var firedobj = ns6? e.target : event.srcElement;
var topelement = ns6? "HTML" : "BODY";
while (firedobj.tagName != topelement&&firedobj.className != "drag") {
firedobj = ns6? firedobj.parentNode : firedobj.parentElement;
}
if (firedobj.className == "drag") {
dragapproved = true;
z = firedobj;
temp1 = parseInt(z.style.left+0);
temp2 = parseInt(z.style.top+0);
x = ns6? e.clientX: event.clientX;
y = ns6? e.clientY: event.clientY;
document.onmousemove=move;
return false;
}
}
document.onmousedown=drags;
document.onmouseup=new Function("dragapproved=false");
// -->
</script>
</head>
<body><div id="demo">
<form onsubmit="calculate(); return false;">
<div id="calculator" class="drag">
<div class="calculatorcontainer">
<div id="version"><a href="http://www.cj-design.com" title="web design uk" onclick="return false">
<font face="Verdana" style="font-size: 10pt">HESAP MAKİNASI</font></a></div>
<div id="control"><font face="Verdana" size="2"><a href="#" onclick="about();return false"><img src="http://www.jsindir.com/testalani/float-calc/q.gif" /></a> <a href="#" onclick="closeCalculator();return false"><img src="http://www.jsindir.com/testalani/float-calc/close.gif" style="position:relative;top:-1px"/></a></font></div>
<font size="2" face="Verdana">
<input type="text" name="input" size="16" id="result" onclick="şis.focus()" onkeyup="addToCalcDirect(şis.value)"><br />
<font size="3">
<input type="button" value="1" onclick="addToCalc(şis.value)"><input type="button" value="2" onclick="addToCalc(şis.value)"><input type="button" value="3" onclick="addToCalc(şis.value)"><input type="button" value="+" onclick="addToCalc(şis.value)" class="operation"></font></font><font face="Verdana"><br />
</font><font size="2" face="Verdana"><font size="3">
<input type="button" value="4" onclick="addToCalc(şis.value)"><input type="button" value="5" onclick="addToCalc(şis.value)"><input type="button" value="6" onclick="addToCalc(şis.value)"><input type="button" value="-" onclick="addToCalc(şis.value)" class="operation"></font><font face="Verdana"><br />
</font><font size="3">
<input type="button" value="7" onclick="addToCalc(şis.value)"><input type="button" value="8" onclick="addToCalc(şis.value)"><input type="button" value="9" onclick="addToCalc(şis.value)"><input type="button" value="*" onclick="addToCalc(şis.value)" class="operation"></font><font face="Verdana"><br />
</font><font size="3">
<input type="button" value="+/-" onclick="positiveNegative()" class="operation"><input type="button" value="0" onclick="addToCalc(şis.value)"><input type="button" value="." onclick="addToCalc(şis.value)" class="operation"><input type="button" value="/" onclick="addToCalc(şis.value)" class="operation"></font><font face="Verdana"><br />
</font><font size="3">
<input type="button" value="sqrt" onclick="squareRoot()" class="operation"><input type="button" value="%" onclick="percentage()" class="operation"><input type="button" value="Sil" onclick="resetCalc()" class="operation"><input type="button" value="=" onclick="calculate()" class="equals"></font><font face="Verdana">
</font></font>
</div>
</div>
</form>
</div>
<p><p align="center">
<p align="center">
<p align="center">
<p align="center">
<p align="center"><font face="Verdana" size="2">CJ Floating Calculator V1.0 :
<a href="http://www.jsindir.com/testet.asp?id=793">
http://www.jsindir.com/testet.asp?id=793</a> </font> </p>
<p align="center"> </p>
</body>
</html>
KOD
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Hesap Makinası</title>
<style type="text/css">
<!--
#demo {
margin:70px;
}
/* delete şe style declaration below if you do not want it to be transparent! */
#calculator {
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
}
.drag
{
position:relative;
cursor:hand
}
#calculator
{
background-color:#F4F4F4;
cursor:move;
widş:190px;
}
.calculatorcontainer
{
padding:5px;
border-top:1px solid #C0C0C0;
border-left:1px solid #C0C0C0;
border-right:2px outset #C0C0C0;
border-bottom:2px outset #C0C0C0;
}
#calculator #control
{
text-align:right;
}
#calculator input
{
widş:40px;
height:30px;
margin:2px;
background-color:#FFF;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.95em;
border:1px solid #C0C0C0;
cursor:hand;
cursor:pointer;
}
#calculator img
{
border:0;
}
#calculator #result
{
widş:173px;
font-size:1.3em;
padding:3px;
cursor:text;
}
#calculator .operation
{
color:#999;
font-weight:bold;
background-color:#DDD;
}
#calculator .equals
{
color:#FFF;
font-weight:bold;
background-color:#336699;
}
#version
{
float:left;
padding:2px 0px 0px 2px;
font-size:0.65em;
}
#version a
{
color:#333;
cursor:move;
text-decoration:none;
}
-->
</style>
<script type="text/javascript">
<!--
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: James Crooke :: http://www.cj-design.com */
var calculation = "";
var resultDone = false;
function addToCalc(val) {
if(isNaN(val) && isNaN(calculation.substring(calculation.lengş-1, calculation.lengş)))
return false;
if(!isNaN(val) && resultDone) {
resetCalc();
resultDone = false;
} else if(isNaN(val) && resultDone) {
resultDone = false;
}
calculation += val;
showResult();
}
function addToCalcDirect(val) {
calculation = val;
}
function resetCalc() {
calculation = "";
showResult();
}
function positiveNegative() {
if(calculation.substring(0, 1) == "-")
calculation = calculation.substring(1, calculation.lengş);
else
calculation = "-" + calculation;
showResult();
}
function calculate() {
if(calculation != "") {
try {
calculation = eval(calculation);
} catch(e) {
reportError("Error!");
}
resultDone = true;
showResult();
}
else
return false;
}
function percentage() {
try {
calculation = eval(calculation) / 100;
} catch(e) {
reportError("Error!");
}
resultDone = true;
showResult();
}
function squareRoot()
{
try {
calculation = Maş.sqrt(eval(calculation));
} catch(e) {
reportError("Error!");
}
resultDone = true;
showResult();
}
function showResult() {
calculation = calculation.toString();
if(calculation == "NaN") {
reportError("Error!");
} else {
document.getElementById("result").value = calculation;
}
}
function reportError(msg) {
calculation = msg;
document.getElementById("result").value = msg;
}
function closeCalculator() {
document.getElementById("calculator").style.display = "none";
}
function about() {
msg = "Hesap Makinası\n\n";
msg += "Dilediğiniz yere sürükleyebilirsiniz.\n\nhttp://www.istanbuldahayat.com";
alert(msg);
}
var ie = document.all;
var ns6 = document.getElementById && !document.all;
var dragapproved=false;
var z, x, y;
function move(e) {
if (dragapproved) {
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x;
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y;
return false;
}
}
function drags(e) {
if (!ie&&!ns6)
return;
var firedobj = ns6? e.target : event.srcElement;
var topelement = ns6? "HTML" : "BODY";
while (firedobj.tagName != topelement&&firedobj.className != "drag") {
firedobj = ns6? firedobj.parentNode : firedobj.parentElement;
}
if (firedobj.className == "drag") {
dragapproved = true;
z = firedobj;
temp1 = parseInt(z.style.left+0);
temp2 = parseInt(z.style.top+0);
x = ns6? e.clientX: event.clientX;
y = ns6? e.clientY: event.clientY;
document.onmousemove=move;
return false;
}
}
document.onmousedown=drags;
document.onmouseup=new Function("dragapproved=false");
// -->
</script>
</head>
<body><div id="demo">
<form onsubmit="calculate(); return false;">
<div id="calculator" class="drag">
<div class="calculatorcontainer">
<div id="version"><a href="http://www.cj-design.com" title="web design uk" onclick="return false">
<font face="Verdana" style="font-size: 10pt">HESAP MAKİNASI</font></a></div>
<div id="control"><font face="Verdana" size="2"><a href="#" onclick="about();return false"><img src="http://www.jsindir.com/testalani/float-calc/q.gif" /></a> <a href="#" onclick="closeCalculator();return false"><img src="http://www.jsindir.com/testalani/float-calc/close.gif" style="position:relative;top:-1px"/></a></font></div>
<font size="2" face="Verdana">
<input type="text" name="input" size="16" id="result" onclick="şis.focus()" onkeyup="addToCalcDirect(şis.value)"><br />
<font size="3">
<input type="button" value="1" onclick="addToCalc(şis.value)"><input type="button" value="2" onclick="addToCalc(şis.value)"><input type="button" value="3" onclick="addToCalc(şis.value)"><input type="button" value="+" onclick="addToCalc(şis.value)" class="operation"></font></font><font face="Verdana"><br />
</font><font size="2" face="Verdana"><font size="3">
<input type="button" value="4" onclick="addToCalc(şis.value)"><input type="button" value="5" onclick="addToCalc(şis.value)"><input type="button" value="6" onclick="addToCalc(şis.value)"><input type="button" value="-" onclick="addToCalc(şis.value)" class="operation"></font><font face="Verdana"><br />
</font><font size="3">
<input type="button" value="7" onclick="addToCalc(şis.value)"><input type="button" value="8" onclick="addToCalc(şis.value)"><input type="button" value="9" onclick="addToCalc(şis.value)"><input type="button" value="*" onclick="addToCalc(şis.value)" class="operation"></font><font face="Verdana"><br />
</font><font size="3">
<input type="button" value="+/-" onclick="positiveNegative()" class="operation"><input type="button" value="0" onclick="addToCalc(şis.value)"><input type="button" value="." onclick="addToCalc(şis.value)" class="operation"><input type="button" value="/" onclick="addToCalc(şis.value)" class="operation"></font><font face="Verdana"><br />
</font><font size="3">
<input type="button" value="sqrt" onclick="squareRoot()" class="operation"><input type="button" value="%" onclick="percentage()" class="operation"><input type="button" value="Sil" onclick="resetCalc()" class="operation"><input type="button" value="=" onclick="calculate()" class="equals"></font><font face="Verdana">
</font></font>
</div>
</div>
</form>
</div>
<p><p align="center">
<p align="center">
<p align="center">
<p align="center">
<p align="center"><font face="Verdana" size="2">CJ Floating Calculator V1.0 :
<a href="http://www.jsindir.com/testet.asp?id=793">
http://www.jsindir.com/testet.asp?id=793</a> </font> </p>
<p align="center"> </p>
</body>
</html>