묻고답하기

내용이 쪼금 깁니다. *^0^* 수고스럽겠지만 한번 읽어만 주셔도 감사하고요, 답변까지 해주시면 더더욱 감사하겠습니다. 소스 직접 만들어 주시면 나중에 술한잔..^^


일단 허접하고 여기저기 억지로 끼워맞추고, 어디선가 주워와서 붙여넣고 복사해 넣고한 소스부터 공개하겠습니다. 참고로 저 아무것도 모르는 초보입니다. 뭐라하지 말아 주시기 바랍니다.

------<아래 소스>--------------------------------------------------
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>나의 점수 알아 보기</title>
<meta name="generator" content="Namo WebEditor v6.0">
<script Language="Javascript">
<!-- //////////////////////////////////////////////////////////////
//*****************************************************************
// Web Site: http://www.CginJs.Com
// CGI 와 JavaScript가 만났을 때 = C.n.J ☞ http://www.CginJs.Com
// CGI 와 JavaScript가 만났을 때 = C.n.J ☞ webmaster@CginJs.Com
// C.n.J 자바스크립트 자동 생성 마법사 ☞ http://www.CginJs.Com
// C.n.J 자바스크립트(JavaScript) 가이드 ☞ http://www.CginJs.Com
// C.n.J CSS(Cascading Style Sheet) 가이드 ☞ http://www.CginJs.Com
// Editer : Web Site: http://www.CginJs.Com
//*****************************************************************
/////////////////////////////////////////////////////////////// -->
document.write('<st'+'yle>');
document.write('td {font-size:12px; font-family:굴림; text-decoration:none; }');
document.write('A:link,A:active,A:visited{text-decoration:none;font-size:12PX;color:#333333;}');
document.write('A:hover {text-decoration:none; color:ff9900}');
document.write('font { font-size: 9pt; }');
document.write('.cnj_input {background-color:rgb(240,240,240);border-width:1pt; height:16pt;cursor:hand;}');
document.write('.cnj_input2 {border-width:1; border-color:rgb(204,204,204); border-style:solid;cursor:hand;}');
document.write('.cnj_input3 { border-width:1; border-style:solid; border-color:#000000; color:#0084D4; background-color:white;cursor:hand;}');
document.write('.cnj_input4 { scrollbar-face-color: #FFCC33;scrollbar-shadow-color: #ffffff;scrollbar-highlight-color: #F3f3f3;scrollbar-3dlight-color: #ffffff;scrollbar-darkshadow-color: #F3f3f3;scrollbar-track-color: #ffffff;scrollbar-arrow-color: #f9f9f9;cursor:hand; }');
document.write('</st'+'yle>');

function checkNum(form) {
var total = 0;
var max = form.cnjchk1.length;
var max = form.cnjchk2.length;
var max = form.cnjchk3.length;
var f = document.cnjform;
for (var idx = 0; idx < max; idx++) {
if (eval("f.cnjchk1[" + idx + "].checked") == true) {
    total += 0;
   }
if (eval("f.cnjchk2[" + idx + "].checked") == true) {
    total += 5;
   }
if (eval("f.cnjchk3[" + idx + "].checked") == true) {
    total += 10;
   }
}
alert("당신의 점수는 " + total + "점 입니다.");
}
</script>

</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p align="center"><b><font size="4">점수 알아 보기</font></b></p>
<table border="1" width="739" cellpadding="0" cellspacing="0" bordercolordark="white" bordercolorlight="black" height="0" align="center">
    <tr>
        <td width="42" rowspan="2" height="40" bgcolor="#FFCC00">
            <p align="center"><font size="2"><b>번호</b></font></p>
</td>
        <td width="358" rowspan="2" height="40" bgcolor="#FFCC00">
            <p align="center"> </p>
</td>
        <td width="331" colspan="3" bgcolor="#FFCC00">
            <p align="center"><font size="2"><b>답변항목(하나만 선택해 주세요)</b></font></p>
</td>
    </tr>
    <tr>
        <td width="94" height="23" bgcolor="#FF9900">
            <p align="center"><font size="2"><b>실천하지 않음</b></font></p>
</td>
        <td width="75" height="23" bgcolor="#FFCC00">
            <p align="center"><font size="2"><b>가끔 실천</b></font></p>
</td>
        <td width="77" height="23" bgcolor="yellow">
            <p align="center"><font size="2"><b>항상 실천</b></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
1</td>
        <td width="358" height="28">
 </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <form name="cnjform">
                <p align="center"><input type="checkbox" name="cnjchk1"></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
2</td>
        <td width="358" height="28">
 </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
3</td>
        <td width="358" height="28">
 </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
4</td>
        <td width="358" height="28">             </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
5</td>
        <td width="358" height="28">             </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
6</td>
        <td width="358" height="28">             </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
7</td>
        <td width="358" height="28">             </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
8</td>
        <td width="358" height="28">             </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
9</td>
        <td width="358" height="28">             </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
    <tr>
        <td width="42" height="28">
10</td>
        <td width="358" height="28">             </td>
        <td width="94" height="28" bgcolor="#FF9900">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk1"></font></p>
</td>
        <td width="75" height="28" bgcolor="#FFCC00">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk2"></font></p>
</td>
        <td width="77" height="28" bgcolor="yellow">
            <p align="center"><font size="2"><input type="checkbox" name="cnjchk3"></font></p>
</td>
    </tr>
</table>
<p align="center">
<input type="button" value="점수확인해 보기" onClick="checkNum(this.form)" class="cnj_input">
</form>
</p>
</body>

</html>
-----------------<소스 끝>-----------------------------------------

뭐 인터넷에 떠돌아 다니는 소스하나 구해서 대충 억지로 꾸며놨습니다.
소스 보시면 아시는 분들은 모두 아시겠지만 나모FX를 쓰고 있으며, 나모에서 표를 그려서 그 표 안에 각각 폼을 넣고 폼을 선택하면 선택한 폼에 따라 점수를 계산해서 경고창으로 출력하는 것입니다.

이거 소스 찾아 가져다 붙여 만드는데 3시간 걸렸습니다. 아무것도 모르는 사람이 떼였다 붙였다 반복해서 이정도 했다면 인간승리아닙니까? ㅡ,.ㅡV

질문의 본론은 위의 표를 보면..
-------------------------------------------------------
| 1 | 질문넣을 곳 | [체크박스] | [체크박스] |  [체크박스]  |
-------------------------------------------------------
| 2 | 질문넣을 곳 | [체크박스] | [체크박스] |  [체크박스]  |
-------------------------------------------------------
이런 식입니다. 개인용인데요.
이걸 좀 바꿔서 4명이 한번에 이용할 수 있는 페이지로 만들려 합니다.
-------------------------------------------------------------------
|   이름   |   이름   |   번호   |      질문넣을곳          |   이름   |   이름   |
-------------------------------------------------------------------
|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|     1     |                               |ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|
-------------------------------------------------------------------
|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|     2     |                               |ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|
-------------------------------------------------------------------
|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|     3     |                               |ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|
-------------------------------------------------------------------
|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|     4     |                               |ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|ㅁ|

이런 식으로 바꿀려고 합니다.
물론 밑에 [점수보기]를 클릭하면 모두 4명의 점수가 나타나게요.

질문 1 : 위에 이름을 입력 받을 수 있게 할려면 어떻게 해야합니까?
질문 2 : [점수보기]를 클릭하면 4명의 점수가 한번에 나오게 할려면 어떻게 해야합니까?
질문 3 : 지금 [점수보기]누르면 경고창이 뜨는데 이걸 그냥 새윈도우 열기로 바꿀려면 어떻게 해야 합니까?

이 3가지 질문이 제가 묻고 싶은 것입니다.

혹, 이글 읽으신분 중 알고 계신분께서는 수고스럽겠지만 답변좀 부탁드립니다.

긴 글이지만 읽어주셔서 감사합니다. 항상 행복하시기 바랍니다.




글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
김동진2 제로보드xe 게시판을 나모웹에디터에 옳기면 게시판 언어가 영어로 고정됩니다.! file  
박상원296 닉네임 클릭시 커뮤니케이션창 크기 file  
꼬라손 설치오류 /install/install.controller.php  
노야 게시판 자동 등록 차단 문의 입니다. [1] 2009.10.04 by SMaker
kmsdream [50point] XE Admin페이지 오류  
zzaam 세션 정리했는데도 로그인이 안되네요..왜이런지.;  
RGM 인기검색어를 띄우고 싶습니다!!  
불휘기픈 남간 제로보드설정이 계속 영어로 됩니다.  
최딩요 ID 형식  
thejaewoo 서버의 위치와 달력 위젯... [1] 2009.10.04 by 태림씨야!
주걱턱 DIV 레이아웃 오류.. [1] 2009.10.04 by 태림씨야!
서피현 다른 회원의 게시물을 수정하여 저장했을때 [1] 2009.10.04 by 백성찬
해지 레이아웃에 위젯넣기 [2] 2009.10.04 by 초등학생5학년
테스696 페이지 구성 file  
날자고도 페이지에서 생성된 모듈을 다른 사이트에 복사가 가능하나요?  
kokmjn PXE Leaflet Lite ver. 1.02 레이아웃 메인메뉴 글자 색  
옥수수밭 Google Chrome Frame 을 적용하고 싶습니다 [1] 2009.10.03 by NineTail
크레이지 설치시 ftp 등록하는 부분에서 도저히 넘어가질않습니다. [1] 2009.10.03 by 이상렬364
이정혁466 이거 해결가능한 고수분은 정말 존재하지 않는건가?... [1] 2009.10.03 by 초등학생5학년
poro103 첨부파일이 안올려져요. [2] file 2009.10.03 by 초등학생5학년