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

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

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

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

밑에 소스 올릴게

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

<!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=\"C:\\Documents 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>

파일도 첨부했어

으아아악 길어서 보다가 포기

쿄스케(keoerd) 2011-08-22 14:05

개새끼야 이게 뭔 민폐냐

데덴찌(mongblang) 2011-08-22 14:13

jquery를 써!!! 그리고 1911~2011 출력하는거 저번에 알려줬더니 그냥 붙여넣기 해놨네. 이거 뭐 알켜줘도 보람이 없군.ㅡ.ㅡ;

blackd(blackd) 2011-08-22 14:14

아 돔인데 흠...내가 예제로 만들어서 줄가 차라리? 그게 더 간단할덴데 잠깐만

좋은아버지(ehddnsmoto) 2011-08-22 14:15

아 그거 따로 소스 저장 해놨어 ㅋㅋ 다음에 쓸때에는 그걸로 쓸려고

진짜야

ㄴㅇㄹㅇㄴㄹㅇㄴㄹ

쿄스케(keoerd) 2011-08-22 14:18

댓글 등록이 안돼

펑션에 접근하는지 확인했어?? alert을 output() 펑션 사이에 넣어봐 접근하는지 웹 한지 오래되서 가물가물 하긴 한데 java.script:ou.tputㅇㄴㄹ() 이라고 해줘야 하지 않나;; ㅋㅋ 모르겠당~

쿄스케(keoerd) 2011-08-22 14:19

ㅇㄴㄹ 이런거 댓글 등록 안되길레 써논거고..

ㅇㅇ 펑션에 접근잘해 내가 짤막하게 올려서 포인트만 질문할게 기달려봐

좋은아버지(ehddnsmoto) 2011-08-22 14:22

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

댓글 11

다른 게시글