아 도저히 안되겠는데? html 작업중인데 조언 좀해줘

좋은아버지 · 2011.08.22 14:00:00

저번에 했다고 올린거 있는데 거기서 이제 버튼 아래에 있는 부분은 버튼은 클릭 했을 때 에만 출력 할 수 있게 만들고 있는데

현재 여기까지 햇는데 아래 테이블의 배경색은 따로 빼지를 못하고 있어

버튼을 클릭했을때만 테이블 안에 배경색깔도 나오게 하고 싶은데 누구 아는 흉 있어?

밑에 소스 올릴게

에디트 플러스로 작업중이야 ~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Deion" content="">
< type="text/" language=\'\'>

function output(){

// 2번째 테이블 입력 하신 정보
var table=document.createElement(\'table\');
var tr=document.createElement(\'tr\');
var td=document.createElement(\'td\');
tr.appendChild(td);
table.appendChild(tr);

var whereTable=document.getElementById("info_input");
whereTable.appendChild(table);

var createInfo_input_div = document.getElementById("info_input_div");
createInfo_input_div.innerHTML="입력하신 정보";

//2번째 테이블 밑줄 출력

var create_nextTable_underWrite = document.getElementById("nextTable_underWrite");
create_nextTable_underWrite.innerHTML="<hr>";

//2번째 테이블 아이디 라벨 출력
var whereTable_second_id_label=document.getElementById("second_id_label");
whereTable_second_id_label.appendChild(table);

    var create_second_id_label_div = document.getElementById("create_second_id_label_div");
    create_second_id_label_div.innerHTML="아이디";

//입력한 아이디 출력
var textdiv = document.getElementById("testDiv");
var text_id = document.getElementById("text_id");
textdiv.innerHTML = text_id.value;

if( text_id.value=="null")
alert("아이디를 입력 하세요");

//pwd 값 얻어오기
var text_pwd1 = document.getElementById("text_pwd1");
var text_pwd2= document.getElementById("text_pwd2");

//pwd1,pwd2를 비교
if(text_pwd1.value==text_pwd2.value){

var nate_black = document.getElementById("nate_black");
nate_black.innerHTML="@nate.com";

//입력한 비밀번호 출력
var pwddiv = document.getElementById("pwdDiv");
var text_pwd1 = document.getElementById("text_pwd1");
pwddiv.innerHTML = text_pwd1.value;
}else{
alert("입력하신 비밀번호가 다릅니다.");
}

   // 전화 번호 label
   var labelContackNumber = document.getElementById("labelContackNumber");
   var text_labelContackNumber = \'전화번호\';
   labelContackNumber.innerHTML = text_labelContackNumber;

//지역 번호 출력

var regionNumber = document.getElementById("regionNumber");
var text_regionNumber =document.getElementById("regionNumberOption");
regionNumber.innerHTML= text_regionNumber.value;

//contackNumberBar1 출력
var contackNumberBar1 = document.getElementById("contackNumberBar1");
contackNumberBar1.innerHTML =\'-\';

//firstContackNumber 출력
var firstContackNumber = document.getElementById("firstContackNumber");
var text_firstContackNumber = document.getElementById("secondNumber");
firstContackNumber.innerHTML = text_firstContackNumber.value;

//contackNumberBar2 출력
var contackNumberBar1 = document.getElementById("contackNumberBar2");
contackNumberBar1.innerHTML =\'-\';

//secondContackNumber 출력
var firstContackNumber = document.getElementById("secondContackNumber");
var text_firstContackNumber = document.getElementById("thirdNumber");
firstContackNumber.innerHTML = text_firstContackNumber.value;

//labelPhoneNumber 출력
var labelPhoneNumber = document.getElementById("labelPhoneNumber");
labelPhoneNumber.innerHTML= \'휴대폰\';

var corporationNumber = document.getElementById("corporationNumber");
var text_corporationNumber =document.getElementById("phoneFirstNumOption");
corporationNumber.innerHTML= text_corporationNumber.value;

//phoneNumberBar1 출력
var phoneNumberBar1 = document.getElementById("phoneNumberBar1");
phoneNumberBar1.innerHTML =\'-\';

    //firstContackNumber 출력
var firstPhoneNumber = document.getElementById("firstPhoneNumber");
var text_firstPhoneNumber = document.getElementById("firstPhonNumber");
     firstPhoneNumber.innerHTML = text_firstPhoneNumber.value;

   var phoneNumberBar2 = document.getElementById("phoneNumberBar2");
phoneNumberBar2.innerHTML =\'-\';

//secondPhoneNumber 출력
  var secondPhoneNumber = document.getElementById("secondPhoneNumber");
  var text_secondPhoneNumber = document.getElementById("secondPhonNumber");
     secondPhoneNumber.innerHTML = text_secondPhoneNumber.value;

//birthYear 출력
  var birthYear = document.getElementById("birthYear");
  var text_birthYear = document.getElementById("year");
   birthYear.innerHTML = text_birthYear.value+\' 년\';

   //birthMonth 출력
  var birthMonth = document.getElementById("birthMonth");
  var text_MonthYear = document.getElementById("month");
   birthMonth.innerHTML = text_MonthYear.value+\' 월\';

   //birthDay출력
  var birthDay = document.getElementById("birthDay");
  var text_DayYear = document.getElementById("Day");
   birthDay.innerHTML = text_DayYear.value+\' 일\';

   //양력 음력 출력
  function getRadioButtonValue( radioField ) {
   for (var i =0; i<radioField.length; i++) {
   if( radioField[i].checked == true ) {
            return radioField[i].value;
         }
   }
}
  var radioValue = getRadioButtonValue(document.theForm.testRadio);
  var carlendar = document.getElementById("calendar");
       carlendar.innerHTML = radioValue;

  //메일 수신 여부 출력
function getRadioButtonValue( radioField ) {
   for (var i =0; i<radioField.length; i++) {
   if( radioField[i].checked == true ) {
            return radioField[i].value;
         }
   }
}
  var mailRadio = getRadioButtonValue(document.theForm.mailRadio);
  var mail = document.getElementById("mail");
       mail.innerHTML = mailRadio;

}
</>

</head>

<table border="0" cellspacing="0" name="contackPhonNumber">
<tr>
  <td align = "left" " height="45" width="100" bgcolor="#EBFBFF" style=" padding-left:20px; padding-center:20px;">
   <font size="2" ></font>
  </td>

  <td >
   <font size="2"style=" padding-left:20px;padding-center:20px;"" face="바탕체">휴대폰</font>
  </td>
  <td style=" padding-left:34px;" >
   <select name="phoneFirstNumOption">
   <option value="010">010</option>
   <option value="011">011</option>
   <option value="016">016</option>
   <option value="017">017</option>
   <option value="018">018</option>
   <option value="019">019</option>
   </select>
  </td>
  <td>
  -
  </td>
  <td>
   <input type="text" name="firstPhonNumber" size="10">
  </td>
  <td>
  -
  </td>
  <td>
   <input type="text" name="secondPhonNumber" size="10">
  </td>
</tr>
</table>
</table>
<table border="0" cellspacing="0" name="contackNumber">
<tr>
  <td align = "left" " height="45" width="100" bgcolor="#EBFBFF" style=" padding-left:20px; padding-center:20px;">
  </td>
  <td style=" padding-left:20px;">
   <font size="1" face="굴림" color="#7B68EE" >전화번호 또는 휴대폰 중 1개를 선택하여 입력하시면 됩니다.</font>
  </td>
<table border="0" cellspacing="0" name="contackNumber">
<tr>
  <td align = "left" " height="45" width="100" bgcolor="#EBFBFF" style=" padding-left:20px; padding-center:20px;"><font size="2"><strong>생년월일</strong> </font>
  </td>
  <td style=" padding-left:20px;">
  <select id="year">
   <option value=\'\'>----</option><option value=\'2011\'>2011</option><option value=\'2010\'>2010</option><option value=\'2009\'>2009</option><option value=\'2008\'>2008</option><option value=\'2007\'>2007</option><option value=\'2006\'>2006</option><option value=\'2005\'>2005</option><option value=\'2004\'>2004</option><option value=\'2003\'>2003</option><option value=\'2002\'>2002</option><option value=\'2001\'>2001</option><option value=\'2000\'>2000</option><option value=\'1999\'>1999</option><option value=\'1998\'>1998</option><option value=\'1997\'>1997</option><option value=\'1996\'>1996</option><option value=\'1995\'>1995</option><option value=\'1994\'>1994</option><option value=\'1993\'>1993</option><option value=\'1992\'>1992</option><option value=\'1991\'>1991</option><option value=\'1990\'>1990</option><option value=\'1989\'>1989</option><option value=\'1988\'>1988</option><option value=\'1987\'>1987</option><option value=\'1986\'>1986</option><option value=\'1985\'>1985</option><option value=\'1984\'>1984</option><option value=\'1983\'>1983</option><option value=\'1982\'>1982</option><option value=\'1981\'>1981</option><option value=\'1980\'>1980</option><option value=\'1979\'>1979</option><option value=\'1978\'>1978</option><option value=\'1977\'>1977</option><option value=\'1976\'>1976</option><option value=\'1975\'>1975</option><option value=\'1974\'>1974</option><option value=\'1973\'>1973</option><option value=\'1972\'>1972</option><option value=\'1971\'>1971</option><option value=\'1970\'>1970</option><option value=\'1969\'>1969</option><option value=\'1968\'>1968</option><option value=\'1967\'>1967</option><option value=\'1966\'>1966</option><option value=\'1965\'>1965</option><option value=\'1964\'>1964</option><option value=\'1963\'>1963</option><option value=\'1962\'>1962</option><option value=\'1961\'>1961</option><option value=\'1960\'>1960</option><option value=\'1959\'>1959</option><option value=\'1958\'>1958</option><option value=\'1957\'>1957</option><option value=\'1956\'>1956</option><option value=\'1955\'>1955</option><option value=\'1954\'>1954</option><option value=\'1953\'>1953</option><option value=\'1952\'>1952</option><option value=\'1951\'>1951</option><option value=\'1950\'>1950</option><option value=\'1949\'>1949</option><option value=\'1948\'>1948</option><option value=\'1947\'>1947</option><option value=\'1946\'>1946</option><option value=\'1945\'>1945</option><option value=\'1944\'>1944</option><option value=\'1943\'>1943</option><option value=\'1942\'>1942</option><option value=\'1941\'>1941</option><option value=\'1940\'>1940</option><option value=\'1939\'>1939</option><option value=\'1938\'>1938</option><option value=\'1937\'>1937</option><option value=\'1936\'>1936</option><option value=\'1935\'>1935</option><option value=\'1934\'>1934</option><option value=\'1933\'>1933</option><option value=\'1932\'>1932</option><option value=\'1931\'>1931</option><option value=\'1930\'>1930</option><option value=\'1929\'>1929</option><option value=\'1928\'>1928</option><option value=\'1927\'>1927</option><option value=\'1926\'>1926</option><option value=\'1925\'>1925</option><option value=\'1924\'>1924</option><option value=\'1923\'>1923</option><option value=\'1922\'>1922</option><option value=\'1921\'>1921</option><option value=\'1920\'>1920</option><option value=\'1919\'>1919</option><option value=\'1918\'>1918</option><option value=\'1917\'>1917</option><option value=\'1916\'>1916</option><option value=\'1915\'>1915</option><option value=\'1914\'>1914</option><option value=\'1913\'>1913</option><option value=\'1912\'>1912</option><option value=\'1911\'>1911</option>
   </select> 년

   <select id="month">
    <option value=\'\'>--</option><option value=\'01\'>1</option><option value=\'02\'>2</option><option value=\'03\'>3</option><option value=\'04\'>4</option><option value=\'05\'>5</option><option value=\'06\'>6</option><option value=\'07\'>7</option><option value=\'08\'>8</option><option value=\'09\'>9</option><option value=\'10\'>10</option><option value=\'11\'>11</option><option value=\'12\'>12</option>
   </select> 월

    <input type="radio" name="mailRadio" value="수신함"/> 수신함
       <input type="radio" name="mailRadio" value="수신안함"/> 수신안함

   <font size="1" face="굴림" color="#7B68EE" style=" padding-left:20px; padding-center:20px;">메일 수신을 선택하시면 다양한 서비스와 이벤트 등 유용한 정보를 받아보실 수 있습니다.</font>
  </td>
</tr>
</table>
<hr>
<table align="center">
<br>
<br>
<tr>
<td>
  <img src=" and Settings\\Administrator\\바탕 화면\\eclipse-jee-indigo-win32\\dom\\exDom\\button.jpg" ="output();" style=\'cursor:hand\'></img>
</td>
</tr>
</table >
<table>
<tr>
  <td id="info_input">
   <font size="2" ><strong><div id="info_input_div"> </strong></font>
  </td>
</tr>
</table>
<table>
<tr>
  <td width="2000" id="nextTable_underWrite">
   <div id="underWrite"></div>
  </td>
</tr>
</table>
<table cellspacing="0">
      <tr id="second_id_label_tr">

  <td id="second_id_label" align = "left" " height="45" width="100" bgcolor="#EBFBFF" style=" padding-left:20px; padding-center:20px;"><font size="2" ><strong><div id="create_second_id_label_div"></div></strong></font>
</td>




        <td width="110" align="left" width="300" style=" padding-left:20px; padding-center:20px;" >
  <font size="3" face="굴림" color="#7B68EE" > <div id=\'testDiv\'> </div>
  </font>

  </td>

<table cellspacing="0">
  <tr>
  <td align = "left" " height="45" width="100" bgcolor="#EBFBFF" style=" padding-left:20px; padding-center:20px;"><font size="2" ><strong>연락처</strong></font>
</td>
<td width="92" align="left" style=" padding-left:20px; padding-center:20px;" >
  <font size="2" face="굴림" color="black" > <div id=\'labelContackNumber\'> </div> </font>
</td>

<td   align="left" style=" padding-left:10px; padding-center:20px;" >
  <font size="2" face="굴림" color="black"> <div id=\'contackNumberBar1\'> </div> </font>
  </td>

<td align="left" style=" padding-left:20px; padding-center:20px;" >
<font size="2" face="굴림" color="#7B68EE"> <div id=\'corporationNumber\'> </div> </font>

</td>

<td   align="left" style=" padding-left:10px; padding-center:20px;" >
  <font size="2" face="굴림" color="black"> <div id=\'phoneNumberBar1\'></div> </font>
  </td>


<td   align="left" style=" padding-left:10px; padding-center:20px;" >
  <font size="2" face="굴림" color="#7B68EE"> <div id=\'firstPhoneNumber\'> </div> </font>
</td>

<td align="left" style=" padding-left:10px; padding-center:20px;" >
<font size="2" face="굴림" color="black"> <div id=\'phoneNumberBar2\'></div> </font>
</td>

<td   align="left" style=" padding-left:10px; padding-center:20px;" >
  <font size="2" face="굴림" color="#7B68EE"> <div id=\'secondPhoneNumber\'> </div> </font>
</td>
</tr>
</table>
</table>

<table cellspacing=\'0\'>
  <tr>
  <td align = "left" " height="45" width="100" bgcolor="#EBFBFF" style=" padding-left:20px; padding-center:20px;"><font size="2" ><strong>생년 월일</strong></font>
   </td>
   <td width="92" align="left" style=" padding-left:20px; padding-center:20px;" >
</td>

</tr>
</table>

파일도 첨부했어

번호	제목	글쓴이	작성일	조회	추천
설문	주위 눈치 안 보고(어쩌면 눈치 없이) MZ식 '직설 화법' 날릴 것 같은 스타는?	운영자	24/04/29	-	-
271062	C언어 어렵나요? [4]	인문대생(114.207)	11.09.10	160	0
271061	음. 동적할당할때 생성동시에 초기화를 어떻게 시킬까 ㅅㅂ [1]	elwlwlwk	11.09.10	129	0
271059	아 대학수업은 c++이고 난 c도 제대로 못한단계니	사고편향형ADHD	11.09.10	57	0
271058	훃들 컴터 사양 어찌됨? [2]	ㄹㅇㅅ(138.246)	11.09.10	78	0
271057	플갤러님들아, 노트북에 대한 고민.... [2]	쥐펑크	11.09.10	114	0
271055	내가 사고 라면. [6]	Agangs	11.09.10	87	0
271054	일본의 여성부.jpg [1]	사고편향형ADHD	11.09.10	119	0
271053	싯팔 글이 업서졋슴가	로하로하알로하	11.09.10	30	0
271052	헐 글을 삭제하다니..... 하지만 난... 기억하고있다. [1]	Agangs	11.09.10	75	0
271051	다시작성해봄 ㅋ.. [2]	사고편향형ADHD	11.09.10	68	0
271047	니네 10년후에 뭐할꺼냐? [3]	후아(211.177)	11.09.10	125	0
271046	자바 초보 질문좀 도와 달랑께	우뮤(68.226)	11.09.10	30	0
271045	입에서 홍어냄새난다	찌르매미(203.229)	11.09.10	42	0
271044	보안 유저들은 없는가?	보안막장(118.91)	11.09.10	28	0
271043	곰녹음기 알아? [2]	官宮	11.09.10	62	0
271042	3주만에 데스크탑에 부팅 [1]	Agangs	11.09.10	55	0
271041	형들은 c언어 공부하는데 몇달걸림?	찌르매미(203.229)	11.09.10	60	0
271039	안뇽 횽들? [4]	땡칠도사	11.09.10	67	0
271038	오옭 고마워영 이해됐음	찌르매미(203.229)	11.09.10	19	0
271036	타입이란게 정확히 뭐야? [7]	찌르매미(203.229)	11.09.10	55	0
271034	형들 나좀도와줘ㅠㅠ 자괴감이들어 [5]	찌르매미(203.229)	11.09.10	53	0
271033	개발을해야하나 [1]	三didas	11.09.10	63	0
271032	학부생 공부할 때 자료구조는 다 구현합시당 헤헤 [3]	[성대아싸]	11.09.10	94	0
271031	엑셀문제인데... 이해가 안감 ㅠㅠ 본좌횽님들 도움좀.. [1]	하굣길	11.09.09	51	0
271030	비디오게임 만드는 회사있나요? [4]	244(116.42)	11.09.09	89	0
271029	할머니댁 마실 고양이 [2]	이모군(175.114)	11.09.09	61	0
271028	꼬꼬닭이도 참 인생을 뭐같이 사네. [1]	쵸쵸(219.251)	11.09.09	41	0
271027	이문동횽 궁금한거있어요 [12]	op.Q	11.09.09	48	0
271026	명절에 나처럼... [2]	이문동쮸쮸바	11.09.09	64	0
271025	학생때를 돌이켜봐봐 형들!! [7]	Agangs	11.09.09	87	0
271024	위탄2 신예림 [2]	三didas	11.09.09	67	0
271023	자료구조 질문좀 하자 [6]	차도컴공남	11.09.09	75	0
271022	아 토익스피킹 존내 절망 [2]	[성대아싸]	11.09.09	73	0
271020	횽들 궁금한게있는데.... [2]	stdlib.h	11.09.09	24	0
271018	프로그래머가 될려면 수학 [4]	파스칼(61.32)	11.09.09	92	0
271017	프로그래머 전망이 어떻나요 [4]	aggagf(119.69)	11.09.09	334	0
271016	프갤횽들아 좀 도와줘 [12]	ptrptr(112.156)	11.09.09	54	0
271015	10대때 준비하지 못한자는 황량한 20대를 보낼것이다. [2]	쵸쵸(219.251)	11.09.09	65	0
271013	자바스크립트 메소드 파라메터로 다른 메소드를 집어넣고..	쵸쵸(219.251)	11.09.09	27	0
271012	읔...기운이없다..	Agangs	11.09.09	25	0
271011	아이돌 발라버리는 甲군단 ㅋㅋ	갑신(58.127)	11.09.09	77	0
271010	자료구조의 스택과, 메모리구조의 스택은 다른거에요? 답변해주면 당신은 [5]	좆대딩.	11.09.09	62	0
271009	'나는 프로그래머다' 이런거 안하냐? [4]	ㅇㅇㅇ(121.144)	11.09.09	121	0
271008	내가 예언을 하나 하지 [1]	분당살람	11.09.09	64	0
271007	ㅄ쉑이 5줄코딩하고 crtl + s 누르는건 본능아니냐? [2]	쵸쵸(219.251)	11.09.09	76	0
271005	확실히 C++을 보고나서 JAVA를 보니까... 좋다.. [4]	arduous	11.09.09	125	0
271003	한마디로 개발자는 호구다.	쵸쵸(219.251)	11.09.09	89	0
271002	빡세게 일병처럼 일해서 얻는 건 몬데? ㅋㅋㅋ	쵸쵸(219.251)	11.09.09	51	0
271001	기획자에게 정년이란 없다.	쵸쵸(219.251)	11.09.09	53	0
271000	야이 쉬발~!~!~! [7]	좃대딩(203.249)	11.09.09	73	0

최근 방문

즐겨찾기

즐겨찾기 갤러리

갤러리 이슈박스, 최근방문 갤러리

연관 갤러리

개념글 리스트

차단하기

[프로그래밍 갤러리]

갤러리 본문 영역

추천 비추천

댓글 영역

① NFT 발행

② NFT 구매

파워링크 광고

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

페이지 이동

오른쪽 컨텐츠 영역

알림 설정

알림

디시콘 리스트

디시콘

디시콘 검색결과(0)

인기 디시콘

지갑 연결