Поиск в форуме:
Искать


« Предыдущая тема :: Следующая тема »  
Автор Сообщение
Сообщение22.04.2009 в 21:33 (UTC)    
Заголовок сообщения: Калькуляторы

Несколко калькуляторов разного типа.
как они работают можно увидеть тут.


Код:



<form name="Keypad" action "http://www.addlinkat.com/java/free-java-download/style="text-align:" center; background-position: center">
  <table>
    <b>
    <tr>
      <td align="center"><div align="center"><center><table border="5" width="50" height="60"
      bordercolor="#C0C0C0" bordercolorlight="#E8E8E8" bordercolordark="#000000" cellpadding="0"
      cellspacing="3" bgcolor="#C0C0C0">
        <tr>
          <td colspan="3" align="middle" bordercolor="#C0C0C0" bordercolorlight="#FFFFFF"
          bordercolordark="#000000"><div align="right"><p><input name="ReadOut" type="Text"
          size="24" value="0" width="100%"></td>
          <td </TD bordercolor="#C0C0C0"> </td>
          <td align="center" bordercolor="#C0C0C0"><input name="btnClear" type="Button"
          value="  C  " onclick="Clear()"></td>
          <td align="center" bordercolor="#C0C0C0"><div align="center"><center><p><input
          name="btnClearEntry" type="Button" value="  CE " onclick="ClearEntry()"></td>
        </tr>
        <tr align="center">
          <td bordercolor="#C0C0C0"><div align="center"><center><p><input name="btnSeven"
          type="Button" value="  7  " onclick="NumPressed(7)"> </td>
          <td bordercolor="#C0C0C0" align="center"><div align="center"><center><p><input
          name="btnEight" type="Button" value="  8  " onclick="NumPressed(8)"> </td>
          <td bordercolor="#C0C0C0" align="center"><div align="center"><center><p><input
          name="btnNine" type="Button" value="  9  " onclick="NumPressed(9)"> </td>
          <td bordercolor="#C0C0C0" align="center"> </td>
          <td align="center" bordercolor="#C0C0C0"><input name="btnNeg" type="Button" value=" +/- "
          onclick="Neg()"></td>
          <td align="center" bordercolor="#C0C0C0"><input name="btnPercent" type="Button"
          value="  % " onclick="Percent()"> </td>
        </tr>
        <tr align="center">
          <td align="center" bordercolor="#C0C0C0"><input name="btnFour" type="Button" value="  4  "
          onclick="NumPressed(4)"> </td>
          <td align="center" bordercolor="#C0C0C0"><input name="btnFive" type="Button" value="  5  "
          onclick="NumPressed(5)"> </td>
          <td align="center" bordercolor="#C0C0C0"><input name="btnSix" type="Button" value="  6  "
          onclick="NumPressed(6)"> </td>
          <td bordercolor="#C0C0C0"> </td>
          <td align="middle" bordercolor="#C0C0C0"><div align="center"><center><p><input
          name="btnPlus" type="Button" value="  +  " onclick="Operation('+')"></td>
          <td align="center" bordercolor="#C0C0C0"><div align="center"><center><p><input
          name="btnMinus" type="Button" value="   -   " onclick="Operation('-')"></td>
        </tr>
        <tr align="center">
          <td align="center" bordercolor="#C0C0C0"><input name="btnOne" type="Button" value="  1  "
          onclick="NumPressed(1)"> </td>
          <td align="center" bordercolor="#C0C0C0"><input name="btnTwo" type="Button" value="  2  "
          onclick="NumPressed(2)"> </td>
          <td bordercolor="#C0C0C0"><div align="center"><center><p><input name="btnThree"
          type="Button" value="  3  " onclick="NumPressed(3)"> </td>
          <td bordercolor="#C0C0C0" align="center"> </td>
          <td align="center" bordercolor="#C0C0C0"><div align="center"><center><p><input
          name="btnMultiply" type="Button" value="  *  " onclick="Operation('*')"> </td>
          <td align="center" bordercolor="#C0C0C0"><div align="center"><center><p><input
          name="btnDivide" type="Button" value="   /   " onclick="Operation('/')"></td>
        </tr>
        <tr align="center">
          <td align="center" bordercolor="#C0C0C0"><input name="btnZero" type="Button" value="  0  "
          onclick="NumPressed(0)"> </td>
          <td align="center" bordercolor="#C0C0C0"><input name="btnDecimal" type="Button"
          value="   .  " onclick="Decimal()"> </td>
          <td colspan="3" bordercolor="#C0C0C0"> </td>
          <td bordercolor="#C0C0C0"><div align="center"><center><p><input name="btnEquals"
          type="Button" value="  =  " onclick="Operation('=')"></td>
        </tr>
      </table>
      </center></div></td>
    </tr>
  </table>
  </b>
</form>
<font face="Verdana, Arial, Helvetica" size="2"><script LANGUAGE="JavaScript">
<!-- Begin
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value  = Num;
FlagNewNum = false;
   }
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
   }
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
   }
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
   }
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
   }
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
// End -->
</script>




Вот еще один вариант, подойдет под любой фон.


Код:






<form name="calculator">
 <input type="text" disabled id="total" style="text-align: right; background: xxxxxx; width:">
</form>

<table>
 <tr>
  <td><input type="button" value="C" style="width: 100%" onclick="calculator.total.value = ''"></td>
  <td><input type="button" value="/" style="width: 100%" onclick="calculator.total.value += '/'"></td>
  <td><input type="button" value="*" style="width: 100%" onclick="calculator.total.value += '*'"></td>
  <td><input type="button" value="-" style="width: 100%" onclick="calculator.total.value += '-'" ></td>
 </tr>
 <tr>
  <td><input type="button" value="  7  " onclick="calculator.total.value += '7'"></td>
  <td><input type="button" value="  8  " onclick="calculator.total.value += '8'"></td>
  <td><input type="button" value="  9  " onclick="calculator.total.value += '9'"></td>
  <td rowspan="2"><input type="button" onclick="calculator.total.value += '+'" style="height: 50px; vertical-align: middle" value =" + "></td>
 </tr>
 <tr>
  <td><input type="button" value="  4  " onclick="calculator.total.value += '4'"></td>
  <td><input type="button" value="  5  " onclick="calculator.total.value += '5'"></td>
  <td><input type="button" value="  6  " onclick="calculator.total.value += '6'"></td>
 </tr>
 <tr>
  <td><input type="button" value="  1  " onclick="calculator.total.value += '1'"></td>
  <td><input type="button" value="  2  " onclick="calculator.total.value += '2'"></td>
  <td><input type="button" value="  3  " onclick="calculator.total.value += '3'"></td>
  <td rowspan="2"><input type="button" onclick="calculator.total.value = eval(calculator.total.value)" style="height: 50px; vertical-align: middle" value =" = "></td>
 </tr>
 <tr>
  <td colspan="2"><input type="button" style="width: 68px; text-align: center" value="0" onclick="calculator.total.value += '0'"></td>
  <td><input type="button" value="."  style="width: 100%" onclick="calculator.total.value += '.' "></td>
 </tr>
</table>






Все скрипты самостоятельны, для их активации выделите весь текст внутри одного из серых полей (вариантов калькуляторов) скопируйте в буфер обмена, откройте страницу, на которую хотите поместить калькулятор, (если вы пользуетесь редактором - нажмите кнопку "источник") вставьте скрипт и нажмите на кнопку "сохранить страницу.
если у вас не получилось, убедитесь,
что скопировали скрипт полностью, а если вы в этом уверены точно, попробуйте другой вариант скрипта. На нашем хостинге оба эти скрипта работают точно.

(взято с англоязычного форума own-free-website.com )
______________


Последний раз редактировалось: virtualcreature (22.04.2009, 23:04), всего редактировалось 5 раз(а)
Сообщение02.05.2009 в 15:03 (UTC)    
Заголовок сообщения:

Рад, что хоть кто-то жертвует своё время ради здоровья конструктора и обогащения форума полезными темами. Так держать Smile
______________

Показать сообщения:   


Powered by phpBB © 2001, 2005 phpBB Group
phpBB