묻고답하기
홈페이지에 삽입될 html, java 관련 질문입니다. 도와주세요 ㅠㅠ..
2012.12.10 14:04
저는 현재 견적산출페이지를 만들고있습니다 홈페이지에서 바로 여러 항목을 종합해서 견적을 뽑는 목적의 페이지입니다.
현재 견적산출프로그램은 제가 가지고있는데요,
여기서 타사 사이트처럼 견적서 양식에 자동으로 나오게 만들고싶은데 이걸 잘 모르겠습니다.
저도 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>
