아 도저히 안되겠는데? 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	-	-
282625	페도라 15에서 libtcl8.4.so 쓰려면 [2]	분당살람	11.10.20	39	0
282624	C언어 고수 프로그래머 형님들 도와주세요 ㅠㅠ [7]	선고	11.10.20	125	0
282623	횽들 삼차원배열 포인터 관련 질문 좀;; [4]	모험원자	11.10.20	59	0
282622	혹시 서버 프로그래머횽 있나여? [8]	,.,.(183.100)	11.10.20	139	0
282621	아랫 글 질문에대한 해답과 그 예제 [2]	질문쟁이(203.255)	11.10.20	53	0
282620	커뮤니티 사이트 구축 어렵나요? [1]	ㅁㄴㅇ(121.164)	11.10.20	78	0
282619	와 진짜 C++ 플밍하는데 존나 두근거림 [4]	로하로하알로하	11.10.20	109	0
282617	아...페도라...현재 상황...T.T	분당살람	11.10.20	61	0
282616	구글 문서도구 오랬만에 들어갔는데 인터페이스가 깔끔해짐	[성대아싸]	11.10.20	47	0
282615	프로그래밍 갤러리에서 프로그램 하나 물어봐도 되는지.. [3]	바크	11.10.20	75	0
282614	성님들 좀 봐달랑께 [6]	늅늅이(165.246)	11.10.20	70	0
282613	반복적으로 여러번 Dynamic allocation을 하는 방법에 관하여 [5]	질문쟁이(203.255)	11.10.20	54	0
282612	csh 문제 해결!	분당살람	11.10.20	66	0
282611	헬로 월드 문신 하고 싶다 [6]	1(125.135)	11.10.20	89	0
282610	정보올림피아드	이건산전	11.10.20	51	0
282608	페도라 문제 스샷!! [1]	분당살람	11.10.20	58	0
282607	야구 마지막에 재밌게 해주네 ㄷㄷ [2]	꼬꼬월드	11.10.20	71	0
282605	win api 교재 추천좀 해주세요... [3]	ㅁㄴㅇㄹ(182.213)	11.10.20	83	0
282604	페도라 또 질문! [5]	분당살람	11.10.20	41	0
282602	언녕 나 왓어	로하로하알로하	11.10.20	28	0
282601	우하하는 봐라	ㄴㄴㅇ(116.36)	11.10.20	24	0
282600	횽들 나 열혈강의 자바프로그래밍 샀는데 ..궁금한게 이썽! [3]	아자(211.237)	11.10.20	120	0
282599	페도라 다시 질문!	분당살람	11.10.20	22	0
282598	형님들 낼 컴퓨터프로그래밍 시험인데 C++이없어서 공부를못하겟으요.. [3]	ㅇㅇㅇ(119.207)	11.10.20	55	0
282596	API 질문좀여!	API(119.68)	11.10.20	35	0
282595	누나가 내 면도기를 쓰기 시작한 이후로, 잔소리가 안먹힘 그래서... [6]	[성대아싸]	11.10.20	126	0
282594	나 퇴갤	어떡해	11.10.20	24	0
282593	형들 숭컴인데 자퇴 결심했어.... [3]	레이꼬(121.140)	11.10.20	176	0
282592	형들아 페도라 질문 좀 할께 봐 줘... [6]	분당살람	11.10.20	69	0
282591	여자들은 여자 면도기 쓰시오 [13]	전간디	11.10.20	199	0
282589	어제 이어서... 스택 구현 개념만 알고 바로 된다고?? [13]	우하하(211.60)	11.10.20	165	0
282588	오늘 어떤 사람을 만났는데 [5]	오사카(211.44)	11.10.20	84	0
282587	시험보고왔다!!!!	회색사과	11.10.20	46	0
282584	요새 좋은 아버지가 안 보인다 [5]	전간디	11.10.20	90	0
282583	오늘 장애인 분 만나고 왔음 [2]	[성대아싸]	11.10.20	78	0
282581	알고리즘 dfs 소스가 이해안되서 폰으로 씁니다....ㅜㅜ [5]	스백십	11.10.20	60	0
282580	소스인사이트	ㅋㅋ(121.169)	11.10.20	38	0
282579	어떡해횽이 이번달 말에 한다는 공모전이 [9]	나리링	11.10.20	119	0
282578	우리 모두 여자는 왜 겨털을 밀어야되는지에 대한 심도있는 논의를 해보자 [11]	얼빠진호랑이	11.10.20	204	0
282577	아오 샘숭 병신 ㅡㅡ	거칠게	11.10.20	68	0
282576	어떡해횽 요즘 어케지네? [12]	MUFF	11.10.20	119	0
282575	프로그래머가 왜 전문직인지 모르겠다 [9]	개쉛기	11.10.20	220	0
282574	아~~ 맛있겠다~~~ [5]	거칠게	11.10.20	79	0
282573	폼나게 AVR studio 5로 코딩하고싶었지만 [1]	MUFF	11.10.20	113	0
282572	우... 감동적인 이야기 ㅜㅜㅜ [4]	어떡해	11.10.20	85	0
282571	아 경리 좀 하라는데 경리 할 줄 모르는데 해야 하는거? [4]	까라면까(116.93)	11.10.20	57	0
282570	아참 퇴근해야지 [3]	전간디	11.10.20	54	0
282569	회사 때려치는게.. 그 순간은 참 기분이 좋던데.. [3]	blackd	11.10.20	115	0
282567	문자열 출력값 질문좀 할께요	잉..(203.253)	11.10.20	25	0
282566	님들은 키보드 뭐 쓰나요"?? [12]	1(125.135)	11.10.20	180	0

최근 방문

즐겨찾기

즐겨찾기 갤러리

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

연관 갤러리

개념글 리스트

차단하기

[프로그래밍 갤러리]

갤러리 본문 영역

추천 비추천

댓글 영역

① NFT 발행

② NFT 구매

파워링크 광고

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

페이지 이동

오른쪽 컨텐츠 영역

알림 설정

알림

파워링크 광고

디시콘 리스트

디시콘

디시콘 검색결과(0)

인기 디시콘

지갑 연결