아 도저히 안되겠는데? 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>

파일도 첨부했어

번호	제목	글쓴이	작성일	조회	추천
설문	반응이 재밌어서 자꾸만 놀리고 싶은 리액션 좋은 스타는?	운영자	25/07/28	-	-
AD	휴대폰 액세서리 세일 중임!	운영자	25/07/28	-	-
268353	형들 급해!~ [3]	넘급해(121.186)	11.08.30	58	0
268351	형들 윈7에서 APMSETUP환경에서 작업중인데 파일질문 ㅠㅠ [17]	형들 ㅠㅠ(221.146)	11.08.30	162	0
268348	os excluded laptop 않좋음?	우ㅈ	11.08.30	51	0
268347	한글화작업같은거할때 [1]	ㅋㅌㅊ(210.178)	11.08.30	84	0
268346	아이디어 좋은것 같다 [3]	ㅇㅇ(61.77)	11.08.30	93	0
268345	html태그도 프로그래밍이라고 부를수있나요? [3]	ㅎ(124.216)	11.08.30	102	0
268343	형들 닷넷은 현재 상황이 어때? [3]	+어게인	11.08.30	116	0
268341	난 진짜 소스해석하다보면 토나와 [2]	Agangs	11.08.30	113	0
268340	장비제어프로그램관련 씨쁠쁠 어느정도? [5]	굽신(121.125)	11.08.30	91	0
268338	산책하다 비맞았다... [1]	.3(124.137)	11.08.30	43	0
268337	평균혹은 평균이상의 회사에서 신입에게 요구하는 언어 실력수준이 어떻게됨? [2]	noname(211.200)	11.08.30	158	0
268335	형들 답변좀 굽신 씨쁠쁠관련 [12]	굽신(121.125)	11.08.30	96	0
268334	주연컴퓨터%운수대통&환타스틱&페스티발	주연컴퓨터(222.111)	11.08.30	37	0
268332	black보시오 [16]	Agangs	11.08.30	142	0
268331	웹개발하는 사람들 고민 상담좀.. [8]	JG(24.85)	11.08.30	207	0
268330	아까 생년월일 이런식으로 해결..	쿄스케	11.08.30	68	0
268329	프로그램 저작권 파실 생각없으십니까? [2]	Agangs	11.08.30	89	0
268328	대한민국에서 제일 정확한 시계는 뭐임? [6]	ㅋㅌㅊ(210.178)	11.08.30	94	0
268327	비트고급 일기 [3]	+어게인	11.08.30	145	0
268326	그냥 나좀 위로해줘 [8]	Agangs	11.08.30	96	0
268325	추측대학교라고 들어는 봤냐능	분당살람	11.08.30	123	0
268324	안드로이드 리스트뷰 좀 써본 형 있어? [2]	시그란♬	11.08.30	84	0
268322	오랜만에 회사나왔다... [2]	우왕국킹짱왕	11.08.30	129	0
268321	아 시발 존나 짜증난다 ㅡㅡ [3]	나리링	11.08.30	85	0
268320	늘어나는 액정화면 (물리적으로..) [3]	blackd	11.08.30	168	0
268318	건강해지고 근육도 기르는 트레이닝	일광면(119.198)	11.08.30	100	0
268317	아까 toad 관련 글올렷는데 sqlgate 댓글 달아준 형아 [1]	좋은아버지	11.08.30	66	0
268316	아 역시 프로그램은 생각하는 거랑 구현이랑 다르다.. [9]	쿄스케	11.08.30	102	0
268315	네비게이션 이런거 혹시 나왔음? [3]	ㅇㅇㅇ(121.144)	11.08.30	82	0
268314	캡쳐 프로그램 쓸라는데, 이거 레인미터는 캡쳐가 안되네.	ㅇㅇㅇ(121.144)	11.08.30	54	0
268313	다들 개발말고 다른취미 하나쯤 가지고있지않음? [5]	ㅂㅈㄷ(210.178)	11.08.30	104	0
268312	몇달째 싸이트 존나 열심히 만들고있는데 [9]	ㅡ@ㅡ	11.08.30	125	0
268310	wpf 창 최대화 시킬때 뭔가 이상함	123(125.7)	11.08.30	70	0
268309	디아블로 안합니까? [1]	일광면(119.198)	11.08.30	106	0
268305	이거 진짜 방송한거냐? [5]	iljeomobolt	11.08.30	223	0
268304	사무실에서 뛰지 않습니다. [2]	blackd	11.08.30	134	0
268303	이거 바밬ㅋㅋㅋㅋㅋㅋㅋ [9]	늅늅(220.90)	11.08.30	136	0
268302	블앤소 cbt 당첨이 됬는데 왜하지를못하니!! [7]	매화검선	11.08.30	82	0
268299	크롬os, 결국 안드로이드에 흡수 [2]	.3(124.137)	11.08.30	121	0
268298	형들 혹시 윈도우 7 에서 toad 쓰는 형 있어? [1]	좋은아버지	11.08.30	83	0
268297	삼성, 드로이드 프라임 출시 예정	.3(124.137)	11.08.30	57	0
268293	맥북 에어 젤 싼게 64기가 밖에 안하는데 이건 넘 적은거 아냐? [3]	거칠게	11.08.30	116	0
268292	배고픈 프갤러있음? [2]	ㅇㅇ(180.230)	11.08.30	61	0
268287	프로그래머..아. [5]	안드로이뒈(61.79)	11.08.30	245	0
268286	아버지 컴 하드만 교체하기 vs 내 컴 아버지 드리기 [2]	거칠게	11.08.30	73	0
268282	템플릿 인라인 함수를 쓰면 릴리즈에서 매크로 함수와 똑같이 작동 건가요?	궁금이(121.129)	11.08.30	47	0
268280	PHP 세션질문이염 ... [5]	형들 ㅠㅠ(221.146)	11.08.30	71	0
268277	조만간 글 리젠이 다시 빨라질 거에요 [3]	zxcfasd(203.234)	11.08.30	60	0
268276	횽들은 이런 경험 없어? [8]	생각놀이	11.08.30	121	0
268275	아 저번 그녀집에간 후기 [4]	Agangs	11.08.30	125	0
뉴스	더이상 못 참아…BTS 뷔, 팬들에 쓴소리	디시트렌드	07.31

최근 방문

즐겨찾기

즐겨찾기 갤러리

이미지 올리기 이용안내

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

연관 갤러리

개념글 리스트

차단하기

[프로그래밍 갤러리]

갤러리 본문 영역

추천 비추천

댓글 영역

① NFT 발행

② NFT 구매

파워링크 광고

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

페이지 이동

오른쪽 컨텐츠 영역

알림 설정

알림

디시콘 리스트

디시콘

디시콘 검색결과(0)

인기 디시콘