묻고답하기

저는 현재 견적산출페이지를 만들고있습니다 홈페이지에서 바로 여러 항목을 종합해서 견적을 뽑는 목적의 페이지입니다.

 

현재 견적산출프로그램은 제가 가지고있는데요,

여기서 타사 사이트처럼 견적서 양식에 자동으로 나오게 만들고싶은데 이걸 잘 모르겠습니다.

저도 JAVA와 HTML지식을 아주 약간 가지고있어서요, 약간만 도와주시면 수정하고 디자인해서 사용이 가능합니다,

제가 소스를 함께 첨부를 하는데요

 

이 프로그램의 형식은 대항목 소항목이 있고

대항목에서 체크를하면 소항목 목록이 뜹니다. 그리고 소항목중 하나를 체크하면

가격이 차차 더해지는 방식입니다. 밑에 합계란에 가겨

 

이 소스를 수정해서 대항목을 체크하면 기존의 프로그램이 있는곳 아래에 테이블을 하나만들고 그곳에 선택한 대항목의 이름이 자동으로 나오고 소항목을 체크하면 해당 대항목 옆에 가격이 나오고 차례대로 체크를 다 하고 나면 한위치에 맨 밑에 합계 가격이 나오게 하는것입니다. 그대로 출력할수있게요

 

혼자 해보려고해도 잘 안되네요 도와주세요 ㅠㅠ 지식인 여러분도와주세요!

 

-이것은 기존의 프로그램 소스입니다-

 

제가 설명을 잘 못했는데 결과적으로 체크를 하면 현재 제가만들어놓은 프로그램 밑에 테이블을 하나만들어서 대항목에 체크를하면 체크한 대항목의 이름이 나오고 그 대항목의 소항목에서 체크를하면 소항목의 가격이 옆에 찍혀나오는겁니다. 그리고 제일 밑에는 합계가격이 나오구요, 저는 여기다가 견적서 양식 배경을 넣어서 바로출력할수있게 만들꺼구요

 

<!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" xml:lang="ko" lang="ko">
 <head>
  <meta http-equiv="content-type" content="text/html; charset=euc-kr" />
  <meta name="robots" content="noindex, nofollow" />
  <meta name="googlebot" content="nosnippet" />
  <meta name="robots" content="noarchive" />
  <title>견적산출</title>
  <style type="text/css">
   form { margin:0px; padding:0px; }
   div { margin:0px; padding:0px; font-size:12px; }
   ul { list-style:none; margin:0px; padding:0px; }
   li { margin:0px; padding:5px; }
   p { margin:0px; padding:10px; font-weight:bold; }
   p.sub_title { font-weight:bold; }
  </style>
  <script type="text/javascript">
   //<![CDATA[
    function menuShow(id)
    {
     var no=1;
     while(document.getElementById('menu'+no))
     {
      if(no==id)
      {
       document.getElementById('menu'+no).style.display="";
       document.getElementById('ml'+no).style.background="#ffcc00";
      }
      else
      {
       document.getElementById('menu'+no).style.display="none";
       document.getElementById('ml'+no).style.background="#ffffff";
      }
      no++;
     }    
    }

    function check_sum(sort)
    {
     if(sort!="none")
     {
      var no=1;
      var ck="N";

      while(document.getElementById(sort+""+no))
      {
       if(document.getElementById(sort+""+no).checked == true){ck="Y"; break;}
       no++;
      }
      if(ck=="N"){document.getElementById(sort).checked = false;}
      else{document.getElementById(sort).checked = true;}
     }

     var sum=0;
     var all_input = document.getElementById('aaa').getElementsByTagName("input");
     for(k=0;k<all_input.length;k++)
     {
      if(all_input[k].type=="checkbox")
      {
       if(all_input[k].checked==true)
       {
        var per=1;
        var tmp=all_input[k].id;
        if(document.getElementById(tmp+'p')){per=parseInt(document.getElementById(tmp+'p').value);}
        if(per==""){per=0;}
        sum=sum+(parseInt(all_input[k].value)*per);
       }
      }
     }
     document.getElementById('aaa').total_value.value=com(sum);
     document.getElementById('aaa').result_value.value=com(sum-parseInt(document.getElementById('aaa').dc_value.value));
    }

    function com(n)
    {
     return (!n||n==Infinity||n=='NaN')?0:String(n).replace(/(\d)(?=(?:\d{3})+(?!\d))/g,'$1,');
    }

    function onlyNumber()
    {
     if( (event.keyCode<48) || (event.keyCode>57) )
     event.returnValue=false;
    }
   //]]>
  </script>
<meta name="generator" / content="namo webeditor(trial)">
 </head>
 <body onload="check_sum('none');">
  <form id="aaa" name="aaa">
   <div style="float:left; border:1px solid #000000; width:200px; height:350px;">
    <ul>
     <li onclick="menushow(1);" id="ml1" style="background:#ffcc00;"><input type="checkbox" id="a" name="a" value="0" onclick="check_sum('a');" checked="checked" /> 등록비</li>
     <li onclick="menushow(2);" id="ml2" style="background:#ffffff;"><input type="checkbox" id="b" name="b" value="0" onclick="check_sum('b');" /> 수업비</li>
     <li onclick="menushow(3);" id="ml3" style="background:#ffffff;"><input type="checkbox" id="c" name="c" value="0" onclick="check_sum('c');" /> 기숙사비</li>
    </ul>
   </div>
   <div style="float:left; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; width:500px; height:350px;">
    <div id="menu1" style="display:block;">
     <p class="sub_title">등록비</p>
     <ul>
      <li>
       <span><input type="checkbox" id="a1" name="a1" value="100000" onclick="check_sum('a');" checked="checked" /> 등록비</span>
       <span style="float:right;">X <input type="text" id="a1p" name="a1p" value="1" style="ime-mode:disabled; text-align:right; width:50px;" onkeypress="onlynumber(); check_sum('none');" onkeyup="onlynumber(); check_sum('none');" onblur="onlynumber(); check_sum('none');" onfocus="onlynumber(); check_sum('none');" /></span>
      </li>
      <li>
       <span><input type="checkbox" id="a2" name="a2" value="0" onclick="check_sum('a');" /> 무료</span>
       <span style="float:right;">X <input type="text" id="a2p" name="a2p" value="1" style="ime-mode:disabled; text-align:right; width:50px;" onkeypress="onlynumber(); check_sum('none');" onkeyup="onlynumber(); check_sum('none');" onblur="onlynumber(); check_sum('none');" onfocus="onlynumber(); check_sum('none');" /></span>
      </li>
     </ul>
    </div>
    <div id="menu2" style="display:none;">
     <p class="sub_title">수업비</p>
     <ul>
      <li>
       <span><input type="checkbox" id="b1" name="b1" value="600000" onclick="check_sum('b');" /> 클래식 필리핀</span>
       <span style="float:right;">X <input type="text" id="b1p" name="b1p" value="1" style="ime-mode:disabled; text-align:right; width:50px;" onkeypress="onlynumber(); check_sum('none');" onkeyup="onlynumber(); check_sum('none');" onblur="onlynumber(); check_sum('none');" onfocus="onlynumber(); check_sum('none');" /></span>
      </li>
      <li>
       <span><input type="checkbox" id="b2" name="b2" value="700000" onclick="check_sum('b');" /> 클래식 아메리카</span>
       <span style="float:right;">X <input type="text" id="b2p" name="b2p" value="1" style="ime-mode:disabled; text-align:right; width:50px;" onkeypress="onlynumber(); check_sum('none');" onkeyup="onlynumber(); check_sum('none');" onblur="onlynumber(); check_sum('none');" onfocus="onlynumber(); check_sum('none');" /></span>
      </li>
     </ul>
    </div>
    <div id="menu3" style="display:none;">
     <p class="sub_title">기숙사비</p>
     <ul>
      <li>
       <span><input type="checkbox" id="c1" name="c1" value="50000" onclick="check_sum('c');" /> 3인실</span>
       <span style="float:right;">X <input type="text" id="c1p" name="c1p" value="1" style="ime-mode:disabled; text-align:right; width:50px;" onkeypress="onlynumber(); check_sum('none');" onkeyup="onlynumber(); check_sum('none');" onblur="onlynumber(); check_sum('none');" onfocus="onlynumber(); check_sum('none');" /></span>
      </li>
      <li>
       <span><input type="checkbox" id="c2" name="c2" value="100000" onclick="check_sum('c');" /> 2인실</span>
       <span style="float:right;">X <input type="text" id="c2p" name="c2p" value="1" style="ime-mode:disabled; text-align:right; width:50px;" onkeypress="onlynumber(); check_sum('none');" onkeyup="onlynumber(); check_sum('none');" onblur="onlynumber(); check_sum('none');" onfocus="onlynumber(); check_sum('none');" /></span>
      </li>
     </ul>
    </div>
   </div>
   <div style="margin-top:5px; border-width:1px; border-color:black; border-style:solid; width:550px; float:left;">
    <p style="padding:10px;">
     <span>합계</span>
     <span><input type="text" name="total_value" value="0" style="width:100px; text-align:right; border:1px solid #000000; font-weight:bold; font-family:verdana; font-size:15px; color:#000000;" readonly="readonly" /></span>
     <span>-</span>
     <span><input type="text" name="dc_value" value="0" style="width:100px; text-align:right; border:1px solid #000000; font-weight:bold; font-family:verdana; font-size:15px; color:#ff0000; ime-mode:disabled;" onkeypress="onlynumber(); check_sum('none');" onkeyup="onlynumber(); check_sum('none');" onblur="onlynumber(); check_sum('none');" onfocus="onlynumber(); check_sum('none');" /></span>
     <span>=</span>
     <span><input type="text" name="result_value" value="0" style="width:100px; text-align:right; border:1px solid #000000; font-weight:bold; font-family:verdana; font-size:15px; color:#336699;" readonly="readonly" /></span>
    </p>
   </div>
  </form>
 </body>
</html>

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
참치찌개 팝업 메뉴 출력 [1] file 2012.09.26 by 송동우
하은이아빠 쪽기 알람 애드온 수정 [1] 2012.09.27 by 송동우
까칠닷컴 이미지 올릴 경우 게시판이 이미지 사이즈에 맞게 늘어 납니다. [1] file 2012.09.28 by 송동우
롱아 위젯형 페이지에 게시판 넣는 방법? 알려주세요ㅠㅠ file  
SMP 1.4 사용중인데 사이트가 완전히 죽어버렸습니다 ㅜㅜ [1] 2012.10.01 by 송동우
boo26 재테크 재테크'정통 재테크 99.9 권장 재테크 재테크  
땡땡이별나라 xe guestbook 상단에 이름 변경하는거요. [1] file 2012.10.23 by 송동우
다섯손가락 에디터에 관리자 멘트 넣기 관련 문의 file  
가브리엘조 자체서버 소셜로그인 기능, http 500에러  
쿠쿠팍 스케치북5 방명록형에서요.. [1] file 2012.11.13 by 송동우
돌칸 수정하는 부분에서 에러 발생에 대하여 알고 싶어서...  
나잔보자 lnb가...전부 다나와버려요;;; file  
나잔보자 GNB 에 대한 LNB 인식 [1] file 2012.11.22 by 송동우
Asaph 서버 HTTP 500 에러가 하루에 세네번씩 나네요.. 도와주세요.ㅠㅠ [1] 2012.11.23 by AppSeedKorea
CUPA 위젯페이지 오류 질문입니다 ! ㅠ  
CUPA 홈페이지에 삽입될 html, java 관련 질문입니다. 도와주세요 ㅠㅠ..  
용초딩 contact us를 통한 이메일 내용이 이상한데요 file  
toyzone 설치시 문제점 질문입니다. file  
CLTA 속도 개선을 위한 gzip 압축이 안 됩니다. file  
CM(OEZ) NGINX 443 포트 에러쫌 해결 해 주세요/. [1] 2012.12.22 by 푸시아