힘들엇다.

니들 같이 안찍어서 미안

나 성질급해

슈ㅣ발 지가 먼데 나주라고 이걸주니?

그냥 한번만 써본다.

평소에는 볼수없는(?) 엄청난 사진이 있습니다.


어이 화장은 하구 댕기니?  머리가 산발이야

나에게 뽀샵따윌 기대했다면 큰 착각이야 . 그림판두 버겁다구 ㅋㅋㅋㅋ

2탄은 다음에...

가장 커보이는 작업 몸통만들기.

아 슈ㅣ발 근데 javascript 도 여기와서 첨하는거라 좀 잘모르는게 많다

기본적으론 타이틀을 만들고 그안에 <tbody> 라는걸 만들어준 후에

function을 통해서 엉덩이에 하나씩 끼워주는 방식이다.

몸통부분을 간단하게 코딩해보겠다.

.. 생략

<TABLE ID="tblTest" WIDTH="750" CELLSPACING="0" CELLPADDING="0" BORDER="0">
    <TBODY>
    <TR>
        <TD HEIGHT="1" BGCOLOR="#CCCCCC"></TD>
    </TR>
    <TR>
     - TITLE 1 2 3 4 (생략)
    </TR>
    <TR>
        <TD HEIGHT="1" BGCOLOR="#CCCCCC"></TD>
    </TR>
    </TBODY>
</TABLE>

이걸로 헤더를 만들어줫다.

중간에 생략좀 넣엇다구 못알아보는사람이 있을까 모르겟지만 그건 심각한겁니다 ㅋㅋ

자 그럼 실제로 입력창을 추가하는 FUNCTION 을 만들어봐요.
var cnt = 0;
function addRow(TableID)
{
cnt++;
var tbody = document.getElementById( TableID ).getElementByTagName("TBODY")[0];
var row = document.cteateElement("TR"); 
row.id = "ROW_CNT";

var td_1 = document.createElement("TD");
td_1.setAttribute("align","right");
td_1_body = "<input type = 'checkbox' name='Check_"+ cnt +"_Row' >";
td_1.insertAdjacentHTML('beforeEnd', td_1_body );
- 중간생략 -
var td_2   = document.createElement("TD");
td_2.setAttribute("width","300");
td_2.setAttribute("align","center");
td_2_body = "<object id='CostChance"+ cnt +"_1' classid=clsid:60109D65-70C0-425C-B3A4-4CB001513C69 width=80'> "
               +"<param name=ComboDataID     value=combo_CostChance_code>"
               +"<param name=EditExprFormat value='%;commCode'>"
               +"<param name=ListExprFormat value='commCode^0^65'>"
               +"<param name=InheritColor    value=-1>"
               +"<param name=ComboStyle  value=3> </object>";
td_2.insertAdjacentHTML('beforeEnd', td_2_body);

var td_3   = document.createElement("TD");
td_3.setAttribute("width","300");
td_3.setAttribute("align","center");
td_3_body ="<input type=text id='CostChance"+ cnt +"_2'  maxlength='15' value='' onKeypress='if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;'     onkeyup='javascript:fncSet_Format();fncSet_Sum();'>";
td_3.insertAdjacentHTML('beforeEnd', td_3_body);

var td_4 = document.createElement("TD");
td_4.colSpan = "5";
td_4.style.backgroundColor='CCCCCC';
td_4_body = "";
td_4.insertAdjacentHTML('beforeEnd', td_4_body );

var row1  = document.createElement("TR");

row.appendChild(td_1);
row.appendChild(td_2);
row.appendChild(td_3);
row.appendChild(row1);
row.appendChild(td_4);

}

어휴 이제야 function 하나 만들었다.

언제든지 addRow(tblTest); 를 호출함으로서 갯수를 늘릴수 있다.

중간에 가우스 컴포넌트중 하나인 럭셔리(?) 콤보가 있다.

제품명이나 법인명 상호 등등 정확한 명칭이 필요한 장소에서는 절대로

사용자의 손에 칼을 쥐어줘선 안된다.

가끔 찌져주기구 싶을정도로 골때리는 데이타를 집어넣는(두세개 데이터 이어붙여넣는건 일도아니다. 데이터뒤에 자기 이니셜을 넣기두 한다.)

사람들이 많기때문에 나중에 DB에서 집계가 불가능해진다.

아무튼 가우스 콤보를 사용하여 필요한 데이터를 콤보형태로 가져온 것이다.

세번쨰는 숫자만을 입력받아야 한다. 말그대로 비용이다. 가우스에서도 컴포넌트를 제공하긴 한다.

하지만 그림이 영 안나와서 inputbox 로 대체

onKeypress='if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;'   

요건 말할 필요도 없이 ascii 45번 미만이나 57번 초과는 닥치고false

onkeyup='javascript:fncSet_Format();fncSet_Sum();'

얘네들은 아직 설명 안한 ,(콤마찍기) 와 Sum값 구하기다.

왜 onKeyup 이냐구? 궁금하면 딴걸루 해보세요.

이번 주제는 개중 제일 재미있게 했던 내용이다.

뭐 고객의 요구를 들어주다보면 '아 뭐 쉬바 이따구로 할라그래?' 란 생각이 종종(항상?) 들지만

결론은 '해준다'           .........

베이스는 내가 만든거지만 너무 시간에 쫒기면서 얼렁뚱땅 해서 더 보완을 해서 정리하는 차원이다.

그림부터 보자 ㅋㅋ    


자 뭐냐. 맨위에 콤보창이 있다. count는 3이다.

그밑에 3줄만 튀어나와있지? 딱보면 무슨 기능인지 알수있을것이다.

첮번쨰 주제가 된 이유는 아주 단순함에도 불구하고 단순하지 않은 기능 생소한 코딩으루 나을 골치아프게 했으니까 ㅋㅋ

게다가 같은 화면에 비슷한 기능 만들었던 개발자가 슈ㅣ발 발코딩을 해서 그거까지 같이 바로잡느라 고생햇다는거 ㅜㅜ

자 무슨 기능들이 들어있나 분석해보자.

1. 일단 맨위에 셀렉트박스에서 카운트를 선택하면 숫자에 맞는 row만 튀어 나온다.

2. delete 버튼을 누르면 뭔가가 지워지겟지? 당연히 no 앞에잇는 checkbox 가 체크되있는게 없어지겟지
    없어지기만 하구 끝날까? ㅋㅋㅋㅋㅋㅋㅋㅋ 땡겨져야겟지?

3. 중간에는 뭔가 sum값이 나오는데 당연히 입력받은 값의 합산이지? 게다 3자리단위로 , 도찍어주네. 문자도 안들어가요.

4. row는 별거없네 걍 입력받구 숫자 단위표기해주는기능 끝.

5. 뭐 안보이지만 저장두 있겟지?

6. 저장이 있다면 update 기능이나 조회가 있겟즤?

7. 혹시나 모를까바 알려주는데 이거 GAUCE 컴포넌트 들어갔어요 ㅋㅋ

PL은 '오늘 다하구가~'  라구 오후 5시에 말했지만 난 농담인줄 알았다규 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ