웹마스터 팁

  2. Support
  3. 웹마스터 팁

DHTML 계산기

2006.04.05 23:12

왜,그러지

DHTML 계산기로 사용을 하는 데는 좋아요..

웹페이지의 <body> 부분에 삽입 하여 주시면 됩니다...기타 색상은 수정을 하여 이용을 하세요..


<table border="2" width="200" cellspacing="0" cellpadding="0" bgcolor="#000000"
style="border-color:black" onClick="previouskey=event.srcElement.innerText">
  <tr>
    <td width="100%" bgcolor="#FFFFFF" id="result"
    style="font:bold 20px Verdana;color:black;text-align='right'">0</td>
  </tr>
  <tr>
    <td width="100%" valign="middle" align="center"><table border="0" width="100%"
    cellspacing="0" cellpadding="0" style="font:bold 20px Verdana;color:white">
      <tr>
        <td width="80%" align="center"><table border="1" width="100%" cellspacing="0"
        cellpadding="0" style="cursor:hand;font:bold 20px Verdana;color:white"
        onMouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'"
        onMouseout="event.srcElement.style.color='white'" onselectStart="return false"
        onClick="calculate()" height="82">
          <tr>
            <td width="25%" align="center" height="17">7</td>
            <td width="25%" align="center" height="17">8</td>
            <td width="25%" align="center" height="17">9</td>
            <td width="25%" align="center" height="17">/</td>
          </tr>
          <tr>
            <td width="25%" align="center" height="19">4</td>
            <td width="25%" align="center" height="19">5</td>
            <td width="25%" align="center" height="19">6</td>
            <td width="25%" align="center" height="19">*</td>
          </tr>
          <tr>
            <td width="25%" align="center" height="19">1</td>
            <td width="25%" align="center" height="19">2</td>
            <td width="25%" align="center" height="19">3</td>
            <td width="25%" align="center" height="19">-</td>
          </tr>
          <tr>
            <td width="25%" align="center" height="19">0</td>
            <td width="25%" align="center" height="19"
            onClick="pn();previouskey=1;event.cancelBubble=true">+/-</td>
            <td width="25%" align="center" height="19">.</td>
            <td width="25%" align="center" height="19">+</td>
          </tr>
        </table>
        </td>
        <td width="20%"><div align="left"><table border="1" width="100%" cellspacing="0"
        cellpadding="0">
          <tr>
            <td width="100%" style="cursor:hand;font:bold 20px Verdana;color:white;text-align:center"
            onClick="result.innerText=0;results=''">C</td>
          </tr>
        </table>
        </div><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0"
        height="81">
          <tr>
            <td width="100%" style="cursor:hand;font:bold 32px Verdana;color:white;text-align:center"
            onMouseover="event.srcElement.style.color='yellow'"
            onMouseout="event.srcElement.style.color='white'" onClick="calculateresult()">=</td>
          </tr>
        </table>
        </div></td>
      </tr>
    </table>
    </td>
  </tr>
</table>


<script language="JavaScript1.2">

/*
DHTML Calculator Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

var results=''
var previouskey=''
var re=/(/|*|+|-)/
var re2=/(/|*|+|-){2}$/
var re3=/.+(/|*|+|-).+/
var re4=/d|./
var re5=/^[^/*+].+d$/
var re6=/./

function calculate(){
if (event.srcElement.tagName=="TD"){
if (event.srcElement.innerText.match(re4)&&previouskey=="=")
results=''
if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}

results+=event.srcElement.innerText
if (results.match(re2))
results=results.substring(0,results.length-2)+results.charAt(results.length-1)

result.innerText=results
}
}

function calculateresult(){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}



function pn(){
if (result.innerText.charAt(0)!='-')
result.innerText=results='-'+result.innerText
else if (result.innerText.charAt(0)=='-')
result.innerText=results=result.innerText*(-1)
}

</script>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
평촌오피 ⦑오피.CLUB⦒ 평촌마사지 평촌오피 평촌오피 평촌OP koykoyah 2025.02.20
산본오피 ⦑오피쓰.COM⦒ 산본오피 산본출장마사지 산본오피 산본OP koykoyah 2025.02.20
산본오피 ⦑오피사이트.NET⦒ 산본오피 산본OP 산본건마 산본오피 koykoyah 2025.02.20
강북오피 강북OP ⦑오피사이트.NET⦒ 강북휴게텔 강북오피 강북오피 koykoyah 2025.02.20
동탄오피 ⦑오피쓰.COM⦒ 동탄OP 동탄오피 동탄출장샵 동탄오피 koykoyah 2025.02.20
대구오피 대구출장안마 ⦑출장마사지안내.COM⦒ 대구OP 대구오피 대구오피 koykoyah 2025.02.20
여의도오피 ⦑오피.CLUB⦒ 여의도오피 여의도출장마사지 여의도오피 여의도OP koykoyah 2025.02.20
영등포오피 영등포OP ⦑오피쓰주소.COM⦒ 영등포휴게텔 영등포오피 영등포오피 koykoyah 2025.02.20
대구오피 ⦑출장마사지안내.COM⦒ 대구OP 대구오피 대구출장샵 대구오피 koykoyah 2025.02.20
평택오피 ⦑오피쓰주소.COM⦒ 평택OP 평택오피 평택출장샵 평택오피 koykoyah 2025.02.20
충주오피 ⦑출장마사지안내.COM⦒ 충주오피 충주출장마사지 충주오피 충주OP koykoyah 2025.02.20
수원오피 ⦑오피쓰.COM⦒ 수원오피 수원출장마사지 수원오피 수원OP koykoyah 2025.02.20
동두천오피 동두천오피 ⦑오피사이트.NET⦒ 동두천OP 동두천스파 동두천오피 koykoyah 2025.02.20
답십리오피 답십리출장안마 ⦑출장안마사이트.COM⦒ 답십리OP 답십리오피 답십리오피 koykoyah 2025.02.20
인천오피 인천오피 ⦑출장마사지안내.COM⦒ 인천OP 인천스파 인천오피 koykoyah 2025.02.20
제주오피 제주출장안마 ⦑오피사이트.NET⦒ 제주OP 제주오피 제주오피 koykoyah 2025.02.20
평택오피 ⦑출장마사지안내.COM⦒ 평택오피 평택OP 평택건마 평택오피 koykoyah 2025.02.20
홍대오피 홍대OP ⦑오피쓰.COM⦒ 홍대휴게텔 홍대오피 홍대오피 koykoyah 2025.02.20
전주오피 ⦑출장안마사이트.COM⦒ 전주OP 전주오피 전주출장샵 전주오피 koykoyah 2025.02.20
일산오피 일산OP ⦑오피쓰.COM⦒ 일산휴게텔 일산오피 일산오피 koykoyah 2025.02.20
태그 쓰기