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

파일도 첨부했어

번호	제목	글쓴이	작성일	조회	추천
설문	기 세보여도 실제로는 멘탈 약할 것 같은 스타는?	운영자	24/11/04	-	-
이슈	[디시人터뷰] 라이징 스타로 인정받은 걸그룹, ‘리센느(RESCENE)’	운영자	24/11/08	-	-
283075	형들 C로 싱글링크드리스트 짜는데 실행하면 강제종료가되요 ㅠㅠ [1]	늅늅 ㅠ(59.27)	11.10.23	83	0
283073	서울시장 결정했어!! 배일도 뽑을거야..!! [2]	쿄스케	11.10.22	66	0
283069	이런 망할이다 진짜...........	이런 망할...(125.31)	11.10.22	44	0
283065	프갤 뇨리사 ㅋ [6]	로하로하알로하	11.10.22	104	0
283064	프로그램은 0과 1로만 구성되 있다던데 [7]	ㅋㅋ(211.224)	11.10.22	152	0
283062	갤님들 대학선택 헲좀 [2]	랑몰(211.209)	11.10.22	132	0
283061	자세히좀 알려줘라.. [9]	미니TAIGA	11.10.22	106	0
283058	간만에 0댓글돌이네. [2]	나그네(219.255)	11.10.22	65	0
283057	형들 정말 기본적인 c++ 포인터 질문좀 할께 [3]	부적절(210.102)	11.10.22	70	0
283056	야.. 애드라.. 소스 코드 정렬해주는 사이트 있잖아 [1]	나그네(219.255)	11.10.22	55	0
283055	CPU좀 물어보자 [4]	미니TAIGA	11.10.22	109	0
283053	빌게이야	로하로하알로하	11.10.22	30	0
283052	전문대나와서 게임회사 취직해 연봉받는거랑 4년제 나와서 취직해 연봉이.. [3]	dldid200(124.49)	11.10.22	267	0
283047	형들 간단한 JAVA문제좀 도와줄수 있어?!! [1]	JAVA입문자(123.109)	11.10.22	195	0
283046	어도비 롬으로 만들어봤음.swf [1]	Stan(220.244)	11.10.22	91	0
283043	배열 다시 질문이요 [5]	D-PAD	11.10.22	64	0
283042	내일 중간고사인데 뭐하는 거지 [2]	이모군(175.114)	11.10.22	86	0
283041	2박 3일 워크숍 갔다 왔는데 [1]	monoless	11.10.22	83	0
283036	프로그래머는 도구 아니냐? 망치나 삽같은 놈들이 "프로그래머" 잖아 [3]	natS(115.23)	11.10.22	110	0
283035	C언어 배열 질문할게요 [2]	D-PAD	11.10.22	66	0
283034	안녕? 내가 너희들의 자존심에 상처를 입혀도 될까? [7]	빌게이츠개새(121.182)	11.10.22	155	0
283033	헤헤 [3]	Re-FEEL	11.10.22	95	0
283032	다들 왜 싸우고 그래.. 로또 방송이나 기다리자 [5]	쿄스케	11.10.22	80	0
283031	디자이너가 다 죽는다고? ㅋㅋㅋㅋ [3]	LazyGyu	11.10.22	144	0
283030	이상한 사상 퍼트리지 말고 꺼져	HarlemLuiah	11.10.22	64	0
283028	자바책 뭐가 좋을까? [1]	ㅇㅇ(222.113)	11.10.22	89	0
283025	어도비 vs 오라클, 누가 더 본좌냐? 씨발 급등 쩌네 [7]	쁘띠거니(218.48)	11.10.22	204	0
283023	잡스 이 병신이 맨날 어도비 까서 어도비 망할 줄 알았는데 신세계 돋네 [1]	쁘띠거니(218.48)	11.10.22	115	0
283022	어도비 사의 주식이 오릅니다.swf [23]	ㅇㅇ(121.133)	11.10.22	227	0
283021	웹 디자이너 다 뒤지겄네 오오미... [4]	쁘띠거니(218.48)	11.10.22	159	0
283020	HWID crack 혹은 spoofing 가르쳐주시거나 소프트웨어좀 [3]	Timer(121.88)	11.10.22	140	0
283018	아래 그래픽 유저 인터페이스 기반 개발툴 나온다는데 이 짤좀 보셈 [1]	1(125.135)	11.10.22	82	0
283017	크라이 엔진과 언리얼 엔진만 있으면 22세기 될때까지는 충분하겠다 [3]	Stan(220.244)	11.10.22	123	0
283016	백그라운드의 장점과 포어그라운드의 장점을 하나로 합친 작업 방법.jpg [3]	ㅇㅇ(121.133)	11.10.22	70	0
283015	어도비 ROME 싼다 시발 ㅋㅋㅋㅋㅋㅋㅋㅋ [6]	쁘띠거니(218.48)	11.10.22	209	0
283013	디아블로3 가 내년에 나온다 그래서 내 인생이 뒤틀어졌다 [4]	개쉛기	11.10.22	146	0
283011	이번에 로또 당첨되면 직업 뭐 할래? [7]	1(125.135)	11.10.22	85	0
283009	만들고 있던 게임 앱스토어에 등록 [4]	URA!	11.10.22	106	0
283008	그나저나 CS5에서 아이폰 어플 제작 가능하지 않아? [3]	Aven	11.10.22	131	0
283006	근데 횽들은 프로그래밍에 엄청난 흥미가 있음??? [14]	컴돌이(211.60)	11.10.22	162	0
283005	저런 툴 알면 혼자서 씁시다 ㅎㅎ [3]	Aven	11.10.22	87	0
283004	1400만원만 벌고 싶다 [5]	개쉛기	11.10.22	177	0
283003	아래 코퀼 프로그램 일반인이 만든거 맞아여??? [2]	컴돌이(211.60)	11.10.22	108	0
283002	밑에 새로나오는 툴 보고 식겁 했다. [4]	막장갤신학생	11.10.22	99	0
283001	프로그래밍 입문으로 파이썬 할려구 [5]	SALLAS	11.10.22	168	0
283000	아오심심해	Sayrin	11.10.22	57	0
282999	님들 \n으로 줄 내릴때 여러칸 내릴려면 어떻게 해야함? [4]	1(125.135)	11.10.22	98	0
282998	프로그래밍 믿믿하게 배우면 이제부턴 젖발릴듯 님들 각오하샘 큭ㅋㅋ.avi [55]	Stan(220.244)	11.10.22	355	0
282997	나 초보라서 c가 기본 닦을때 좋대서 c언어 책 샀다 [10]	1(125.135)	11.10.22	159	0
282996	컴퓨터 구조 문제 풀다가....도저히 모르겠네요 [4]	스백십	11.10.22	138	0

최근 방문

즐겨찾기

즐겨찾기 갤러리

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

연관 갤러리

개념글 리스트

차단하기

[프로그래밍 갤러리]

갤러리 본문 영역

추천 비추천

댓글 영역

① NFT 발행

② NFT 구매

파워링크 광고

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

페이지 이동

오른쪽 컨텐츠 영역

알림 설정

알림

파워링크 광고

디시콘 리스트

디시콘

디시콘 검색결과(0)

인기 디시콘

지갑 연결