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

파일도 첨부했어

번호	제목	글쓴이	작성일	조회	추천
이슈	[디시人터뷰] 라이징 스타로 인정받은 걸그룹, ‘리센느(RESCENE)’	운영자	24/11/08	-	-
설문	축의금 적게 내면 눈치 줄 것 같은 스타는?	운영자	24/11/11	-	-
282799	앱스프레소 어때? [5]	커쿠므투	11.10.21	134	0
282797	오토데스크 아이콘까지 생겼음... [3]	분당살람	11.10.21	67	0
282796	밑에 사고쳤다는 사람인데 [2]	ㅇㅇ(118.131)	11.10.21	105	0
282795	형들아 마지막 관문이다...도와줘...하악하악(크랙까지 했음) [5]	분당살람	11.10.21	128	0
282791	아 사고쳤다;;; [4]	ㅇㅇ(118.131)	11.10.21	128	0
282789	컴퓨터 보안쪽 많이 아는분 도움좀 [4]	ㅁㅁㅁ(110.12)	11.10.21	114	0
282787	[큡큡] 아이폰 퍼즐 게임 개발 후기!! 수정완료 !! [13]	McHello	11.10.21	183	0
282786	페도라 삽질 다시 시작했음! [2]	분당살람	11.10.21	70	0
282785	수능 20일만에 정복 가능함??? [9]	ㅇㅇ(203.246)	11.10.21	228	0
282784	게임파일 조작하는 프로그램 어캐만드는지 아는사람 [5]	ㅁㄴㅇ(175.115)	11.10.21	187	0
282782	사람은 말이지 "객체"여야되 [4]	로하로하알로하	11.10.21	94	0
282781	갤탭은 usb에 있는 문서도 읽을 수 있더라 [3]	분당살람	11.10.21	78	0
282780	웹서비스 다국어 지원 하는 형들 있어? [7]	수상한김토끼	11.10.21	69	0
282779	개발자가 행복할때 [4]	MUFF	11.10.21	131	0
282778	씨발 도둑 새끼들 [9]	로하로하알로하	11.10.21	94	0
282777	아스트라로테 횽에게 "삼송거 사지 마라 마랴"라고 하려고 했는데 [1]	분당살람	11.10.21	69	0
282776	은꼴?? [1]	534F444D61737465	11.10.21	93	0
282774	개발자로 들어가는데 영어공부가 왜 [13]	알오티씨플머	11.10.21	250	0
282773	돈 빼빼로가 있군... [3]	blackd	11.10.21	110	0
282772	취업하고싶다 [3]	얼룩돼지	11.10.21	99	0
282770	있다 집갈 때 로또나 사야겠다.	MUFF	11.10.21	44	0
282769	미아리고개 성심병원 싸움 본사람 [11]	쿄스케	11.10.21	142	0
282766	개발자로 있으면서 진지빨지 말아라 [15]	개쉛기	11.10.21	265	0
282765	저의 꿈은 SW 업계에서 병신 King이 되는 것입니다 [4]	분당살람	11.10.21	89	0
282763	그래..그럴지도 모르지 올려놓으면 ㅠㅠ [4]	오미(125.141)	11.10.21	45	0
282761	아래에 진짜 좋은 노트북 추천해줌 [4]	뽁뽁(218.48)	11.10.21	119	0
282760	혹시 232를 노트북에서 노트북으로 연결할수있음? [3]	wef(168.154)	11.10.21	120	0
282758	짤방 [5]	얼룩돼지	11.10.21	133	0
282756	어셈블리어좀 하시는형 있나요?? [3]	오미(125.141)	11.10.21	65	0
282755	asp.net 웹서버 올리려면 어케해야함? [3]	초짜18호(115.91)	11.10.21	89	0
282753	루카와 리나 코스프레 작품이라니 헠헠 [5]	얼룩돼지	11.10.21	521	1
282752	으아니 엑셀 회계 장부 비교하는법좀 알려줘 [1]	ㅁㄴㅇ(118.220)	11.10.21	54	0
282751	네이버 블로그 말야.. 포스팅 자주하는 위주로 띄워주나? [3]	blackd	11.10.21	81	0
282750	프갤와서 맨처음 썼던글이	꼬꼬월드	11.10.21	31	0
282749	[끌어올리기] 면도기 같이 쓰지마라 겨드랑이	다림줄	11.10.21	88	0
282748	창문을 열어두면 가끔 옆집 신혼부부 싸우는 소리가 들리는데 [8]	어떡해	11.10.21	128	0
282747	댓글 새로고침 할때마다 느끼는건데.. 디씨 php개발자들은.. 대체... [4]	blackd	11.10.21	200	0
282745	csocket관련 질문	jiwons(124.5)	11.10.21	37	0
282744	자바좀하는형들 도움 좀 구해볼게여 [1]	linguistics(168.188)	11.10.21	74	0
282743	엑셀 회계장부 비교하는법좀 알려주셈 [3]	ㅁㄴㅇ(118.220)	11.10.21	236	0
282740	도서관에서 php 책 빌려왔는데 무슨 1000페이지가 넘음..? [4]	생수생수봉지(218.147)	11.10.21	98	0
282738	저의 꿈은 병신 King이 되는 것입니다	분당살람	11.10.21	41	0
282735	프갤 횽들 엑셀 비교하는것좀 가르쳐줘 [5]	우리동네특공(118.220)	11.10.21	67	0
282733	니들은 30 찍엇을때 연봉 얼마나 받을 수 있을것같냐 ?? [7]	개쉛기	11.10.21	199	0
282732	면접보라고 문자왔는데 [1]	얼룩돼지	11.10.21	87	0
282730	니들 로또는 사고 프갤질하냐? [9]	다림줄	11.10.21	105	0
282728	형들 띄어쓰기 누가만든지 암? [2]	,.,(183.100)	11.10.21	73	0
282727	내가 그랬지? 우리나라 부동산 위험 하다고.. 곳 폭락 할꺼라고!! [20]	rntjr(121.190)	11.10.21	214	0
282726	횽 스도쿠로 프로그래밍 적성 판단하는게 옳아?	다림줄	11.10.21	78	0
282725	생산의 신(god)이 되어보자!	다림줄	11.10.21	44	0

최근 방문

즐겨찾기

즐겨찾기 갤러리

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

연관 갤러리

개념글 리스트

차단하기

[프로그래밍 갤러리]

갤러리 본문 영역

추천 비추천

댓글 영역

① NFT 발행

② NFT 구매

파워링크 광고

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

페이지 이동

오른쪽 컨텐츠 영역

알림 설정

알림

파워링크 광고

디시콘 리스트

디시콘

디시콘 검색결과(0)

인기 디시콘

지갑 연결