휴대폰 요금 자동계산 응용할수있는 소스 > 그누보드5 팁자료실

그누보드5 팁자료실

휴대폰 요금 자동계산 응용할수있는 소스 정보

휴대폰 요금 자동계산 응용할수있는 소스

본문

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var installmentCharge=460000; //할부원금
var mobileCutPrices=0;    //단말할인
var contractPeriod=24;    //약정기간
var realInstallmentCharge=installmentCharge+mobileCutPrices;
var monthMobileCharge=Math.floor(realInstallmentCharge/contractPeriod);
var installmentInterest=installmentCharge*0.0025; //할부이자(할부원금의 0.25%)
function consoleLog(message)
{
  //console.log(message);
}
function makeNumeric(number)
{
  var reg=/(^[+-]?\d+)(\d{3})/;
  number+='';
  while(reg.test(number))
  {
      number=number.replace(reg,'$1'+','+'$2');
  }
  return number;
}
function selectCharge(basicCharge,cutPrices)
{
  consoleLog("basicCharge="+basicCharge+",cutPrices="+cutPrices);
  var surtaxRate=0.1;
  var basicChargeSurtax=basicCharge*surtaxRate;
  var monthCharge=basicCharge+basicChargeSurtax+cutPrices;
  var totalCharge=monthMobileCharge+installmentInterest+monthCharge;
  document.getElementById("idBasicCharge").innerHTML=makeNumeric(basicCharge);
  document.getElementById("idBasicChargeSurtax").innerHTML=makeNumeric(basicChargeSurtax);
  document.getElementById("idCutPrices").innerHTML=makeNumeric(cutPrices);
  document.getElementById("idMonthCharge").innerHTML=makeNumeric(monthCharge);
  document.getElementById("idTotalCharge").innerHTML=makeNumeric(totalCharge);
}
function showMobileInfo()
{
  document.getElementById("idInstallmentCharge").innerHTML=makeNumeric(installmentCharge);
  document.getElementById("idMobileCutPrices").innerHTML=makeNumeric(mobileCutPrices);
  document.getElementById("idRealInstallmentCharge").innerHTML=makeNumeric(realInstallmentCharge);
  document.getElementById("idMonthMobileCharge").innerHTML=makeNumeric(monthMobileCharge);
  document.getElementById("idInstallmentInterest").innerHTML=makeNumeric(installmentInterest);
}
function setDefault()
{
  document.getElementsByName("vbn_yogeum")[0].checked=true;
  // selectCharge(35000,-7000);
  selectCharge(35000,-7700);// 값 확인.
  showMobileInfo();
}
window.onload=setDefault;
</script>
</head>
<body><table width="731" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF0000" width="365" height="30" align="center"><strong>KT LTE 요금제 선택</strong></td>
<td bgcolor="#e9e9e9" width="365" height="30" align="center"><strong>24개월 할부선택시 월 청구요금</strong></td>
</tr>
<tr>
<td height="340"><table border="0" cellspacing="1" cellpadding="0" width="400" bgcolor="#d4d4d4">
<tbody>
<tr>
<td bgcolor="#e9e9e9" height="30" colspan="2" align="center"><strong>요금제선택</strong></td>
<td bgcolor="#e9e9e9" align="center"><strong>기본료</strong></td>
<td bgcolor="#e9e9e9" align="center"><strong>무료통화<br>
(망내통화) </strong></td>
<td bgcolor="#e9e9e9" align="center"><strong>DATA<br>
(이월)</strong></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#ffffff"><input onclick="selectCharge(35000,-7700)" name="vbn_yogeum" value="635" type="radio" /></td>
<td bgcolor="#ffffff" align="center"><strong>모두다올레35 LTE</strong></td>
<td bgcolor="#ffffff" align="center">35,000원</td>
<td bgcolor="#ffffff" align="center">130분<br />
(망내무제한)</td>
<td bgcolor="#ffffff" align="center">750MB<br />
(DATA이월)</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#f1f1f1"><input onclick="selectCharge(45000,-12100)" name="vbn_yogeum" value="645" type="radio" /></td>
<td align="center" bgcolor="#f1f1f1"><strong>모두다올레45 LTE</strong></td>
<td align="center" bgcolor="#f1f1f1">45,000원</td>
<td align="center" bgcolor="#f1f1f1">185분<br />
(망내무제한)</td>
<td align="center" bgcolor="#f1f1f1">1.5GB<br />
(DATA이월)</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#ffffff"><input onclick="selectCharge(55000,-15400)" name="vbn_yogeum" value="655" type="radio" /></td>
<td align="center" bgcolor="#ffffff"><strong>모두다올레55 LTE</strong></td>
<td align="center" bgcolor="#ffffff">55,000원</td>
<td align="center" bgcolor="#ffffff">250분<br />
(망내무제한)</td>
<td align="center" bgcolor="#ffffff">2.5GB<br />
(DATA이월)</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#f1f1f1"><input onclick="selectCharge(62000,-17600)" name="vbn_yogeum" value="634" type="radio" /></td>
<td align="center" bgcolor="#f1f1f1"><strong>LTE 620</strong></td>
<td align="center" bgcolor="#f1f1f1">62,000원</td>
<td align="center" bgcolor="#f1f1f1">350분</td>
<td align="center" bgcolor="#f1f1f1">6GB</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#ffffff"><input onclick="selectCharge(65000,-17600)" name="vbn_yogeum" value="634" type="radio" /></td>
<td align="center" bgcolor="#ffffff"><strong>모두다올레65 LTE</strong></td>
<td align="center" bgcolor="#ffffff">65,000원</td>
<td align="center" bgcolor="#ffffff">350분<br />
(망내무제한)</td>
<td align="center" bgcolor="#f1f1f1">6GB<br />
(DATA이월)</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#f1f1f1"><input onclick="selectCharge(67000,-17600)" name="vbn_yogeum" value="634" type="radio" /></td>
<td align="center" bgcolor="#f1f1f1"><strong>완전무한 67</strong></td>
<td align="center" bgcolor="#f1f1f1">67,000원</td>
<td align="center" bgcolor="#f1f1f1">음성무제한<br />
(3사유무선)</td>
<td align="center" bgcolor="#f1f1f1">5GB<br />
(DATA이월)</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#ffffff"><input onclick="selectCharge(75000,-19800)" name="vbn_yogeum" value="675" type="radio" /></td>
<td align="center" bgcolor="#ffffff"><strong>모두다올레75 LTE</strong></td>
<td align="center" bgcolor="#ffffff">75,000원</td>
<td align="center" bgcolor="#ffffff">450분<br />
(망내무제한)</td>
<td align="center" bgcolor="#f1f1f1">10GB<br />
(DATA이월)</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#f1f1f1"><input onclick="selectCharge(79000,-19800)" name="vbn_yogeum" value="679" type="radio" /></td>
<td align="center" bgcolor="#f1f1f1"><strong>LTE 완전무한 79</strong></td>
<td align="center" bgcolor="#f1f1f1">79,000원</td>
<td align="center" bgcolor="#f1f1f1">음성무제한<br />
(3사유무선)</td>
<td align="center" bgcolor="#f1f1f1">10GB&amp;무제한</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#ffffff"><input onclick="selectCharge(97000,-22000)" name="vbn_yogeum" value="695" type="radio" /></td>
<td align="center" bgcolor="#ffffff"><strong>LTE 완전무한 97</strong></td>
<td align="center" bgcolor="#ffffff">97,000원</td>
<td align="center" bgcolor="#ffffff">음성무제한<br />
(3사유무선)</td>
<td align="center" bgcolor="#f1f1f1">17GB&amp;무제한</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#f1f1f1"><input onclick="selectCharge(100000,-26400)" name="vbn_yogeum" value="6100" type="radio" /></td>
<td align="center" bgcolor="#f1f1f1"><strong>모두다올레100 LTE</strong></td>
<td align="center" bgcolor="#f1f1f1">100,000원</td>
<td align="center" bgcolor="#f1f1f1">1,050분<br />
(망내무제한)</td>
<td align="center" bgcolor="#f1f1f1">20GB</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#ffffff"><input onclick="selectCharge(125000,-33000)" name="vbn_yogeum" value="6125" type="radio" /></td>
<td align="center" bgcolor="#ffffff"><strong><strong>모두다올레125 LTE</strong></strong></td>
<td align="center" bgcolor="#ffffff">125,000원</td>
<td align="center" bgcolor="#ffffff">1,050분<br />
(망내무제한)</td>
<td align="center" bgcolor="#ffffff">20GB<br />
(DATA이월)</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#f1f1f1"><input onclick="selectCharge(129000,-33000)" name="vbn_yogeum" value="6130" checked="checked" type="radio" /></td>
<td align="center" bgcolor="#f1f1f1"><strong>LTE 완전무한 129</strong></td>
<td align="center" bgcolor="#f1f1f1">129,000원</td>
<td align="center" bgcolor="#f1f1f1">음성무제한<br />
(3사유무선)</td>
<td align="center" bgcolor="#f1f1f1">24GB&amp;무제한</td>
</tr>
</tbody>
</table></td>
<td valign="top"><table width="351" height="404" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="351"><table border="0" cellspacing="0" cellpadding="0" width="285">
<tbody>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="115" align="center"><p>고객부담<br />
단말가격</p></td>
<td height="53" background="http://phonezzang.net/skin_shop/standard/s_img/home_make/kt_003.jpg" width="170"><table border="0" cellspacing="0" cellpadding="0" width="170">
<tbody>
<tr>
<td height="18">할부원금: </td>
<td id="idInstallmentCharge" bgcolor="#ffffff" align="right"></td>
</tr>
<tr>
<td height="18">단말할인:</td>
<td id="idMobileCutPrices" bgcolor="#ffffff" align="right"></td>
</tr>
<tr>
<td height="18"><strong>실할부금:</strong></td>
<td id="idRealInstallmentCharge" align="right"><strong></strong></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="28" background="http://phonezzang.net/skin_shop/standard/s_img/home_make/kt_005.jpg" width="237"><table border="0" cellspacing="0" cellpadding="0" width="170">
<tbody>
<tr>
<td><strong>월 단말가격:</strong></td>
<td id="idMonthMobileCharge" bgcolor="#ffffff" align="right"><strong></strong></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td align="center">고객부담<br />
통신요금</td>
<td height="45" background="http://phonezzang.net/skin_shop/standard/s_img/home_make/kt_008.jpg" width="170"><table border="0" cellspacing="0" cellpadding="0" width="170">
<tbody>
<tr>
<td width="160" height="17">요금제 월정액:</td>
<td width="10" align="right" bgcolor="#ffffff" id="idBasicCharge"></td>
</tr>
<tr>
<td height="17">요금제 부가세:</td>
<td id="idBasicChargeSurtax" bgcolor="#ffffff" align="right"></td>
</tr>
<tr>
<td height="17">LTE플러스 할인:</td>
<td id="idCutPrices" bgcolor="#ffffff" align="right"></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="28" background="http://phonezzang.net/skin_shop/standard/s_img/home_make/kt_010.jpg" width="170"><table border="0" cellspacing="0" cellpadding="0" width="170">
<tbody>
<tr>
<td><strong>월 통신요금:</strong></td>
<td id="idMonthCharge" align="right"><strong></strong></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td align="center">할부이자</td>
<td height="27" background="http://phonezzang.net/skin_shop/standard/s_img/home_make/kt_013.jpg" width="237"><table border="0" cellspacing="0" cellpadding="0" width="170">
<tbody>
<tr>
<td id="idInstallmentInterest" bgcolor="#ffffff" align="right"><strong></strong></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td align="center"><strong>합계금액</strong></td>
<td height="41" background="http://phonezzang.net/skin_shop/standard/s_img/home_make/kt_016.jpg" width="195"><table border="0" cellspacing="0" cellpadding="0" width="170">
<tbody>
<tr>
<td id="idTotalCharge" align="right"><strong></strong></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td height="78"><p>*합계금액은 VAT포함 실청구금액입니다<br />
*요금제 유지기간은 3개월입니다.<br />
*6개월이내 해지,일시정지,명의변경,번호이동 불가<br />
*완전무한 요금제:통신사 제한없이 유무선 무제한 무료<br />
*26만원이상 할인금액은 페이백/유심등으로 제공됨
<br />
</p></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


적당히 이용하면 휴대폰비교 견적 사이트등에 유용할것같습니다.
추천
3

댓글 0개

전체 37 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT