묻고답하기

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

 

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

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

저도 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 남기남
glider1975 게시판에 썸네일이 안 보이네요. [1] 2012.12.14 by sejin7940
LI-NA jQuery Mobile Ajax File Upload Error [1] 2012.12.14 by 푸시아
조그마한나무 관리자 페이지에서의 회원 관리 리스트를 외부 페이지에서 출력할 수 있습니까? [1] 2012.12.14 by 푸시아
기염 XE설치 후 주소창에 하위 디렉터리 주소를 입력하면 그 하위 디렉터리와 파일이 다 보여요. 어떻게 하죠? [1] file 2012.12.14 by LI-NA
agoon 테이블오류 .... 도와주세요; [1] 2012.12.14
꿈틀잉 글쓰기시 에디터 깨지는 현상 질문.... file  
Tbworld 특정 게시판 첨부파일만 일괄삭제 방법이 궁금합니다. [1] 2012.12.14 by 송동우
고딕락 스케치북5를 사용합니다! 글쓰기 버튼을 없애고 싶어요! [1] 2012.12.14 by 비하이브
luminosa 1.5.3.7 사이트 접속시 시작모듈 변경 문제 [1] file 2012.12.14 by 송동우
페이해스1 외부페이지에서 변수명을 표시하는 방법 [1] 2012.12.14 by natura
커피메이트 php 에서 날아온 어레이값을 자바스크립트에서 받아 쓰는 법  
메이랑 구글애드센스 삽입 후 XE게시판 로딩이 되지 않습니다.ㅠㅠ  
주소가 https://로 시작되는 이미지를 퍼오면 오류가 납니다.. [1] 2012.12.14 by CM(OEZ)
릭키님 회원정보창 수정하기 file  
랩보이 백업파일에서 데이터 추출방법  
Mye 최근게시물에 가격정보를 가져오는 방법은 없나요? [2] 2012.12.14 by Mye
꿈틀잉 게시판 설정 일괄적용 질문... [1] 2012.12.14 by mindpainter
Aaronner 제로보드에서 게시판에서 사용하던 것을 xe에서 사용하려면... file  
CUPA 최근글 위젯 질문입니다! [1] 2012.12.14 by 송동우
꿈틀잉 최근글 2단 배열 다시 질문드립니다. [1] 2012.12.14 by 송동우
산들바람926 레이아웃 편집에서..저장문제 [1] 2012.12.14 by 오늘도가자11
꾸링 7일 이상된 게시물에 수정만 불가능하게 하고 싶습니다. [1] 2012.12.14 by 송동우
김동원229 게시판의 자료검색이 안되고, 수정이 안되는 오류  
오늘도가자11 xe cafe 그룹아이콘 표시 가능한가요? file  
사랑은둘이서 xe 1.5서버로 데이터이전하기 오류입니다. [1] file 2012.12.13
참치찌개 댓글하단에 추천인 과 비추천인 출력하기 [1] 2012.12.13 by 송동우
주니2 전화번호형식 확장변수 모바일에서 칸의 크기 조정을 하고 싶습니다 file  
이지붸붸 댓글 창에 있는 알림과 비밀글기능을 지우고 싶습니다. [1] 2012.12.13 by 송동우
참치찌개 추천, 비추천, 신고한 회원정보 확인이 가능한가요? [1] 2012.12.13 by 송동우
남자인간 소셜 기능 호스팅 사용자는 설치 못하나요?