Показать сообщение отдельно
  #5 (permalink)  
Старый 12.05.2011, 02:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

alex_89,
Мантра для медитации: id не должно повторятся в пределах страницы
...и возможный вариант
<!DOCTYPE html>
<html >
<head>
  <title></title>
</head>
<body>
  <form>
    <table width="480px;" class="t" align="center" border="0" cellpadding="4" cellspacing="0">
      <tbody>
        <tr>
          <td class="head_kabinet">Редактировать профиль:</td>
        </tr>

        <tr>
          <td class="head_kabinet2">Редактировать Аватар: <a style="float:right; margin-top:-12px;"
          href="#" id="kabinet" name="kabinet">скрыть</a></td>
        </tr>

        <tr id="hide_kabinet">
          <td>
            <div class="t_text2">
              <!--  СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->

              <fieldset class="kabinet_form">
                <div>
                  Изменить аватар(не обязательно):
                </div>

                <div>
                  <input type="file" size="30" />
                </div>
              </fieldset>
            </div>
          </td>
        </tr>

        <tr>
          <td class="head_kabinet2">Редактировать ФИО: <a style="float:right;" href="#" id=
          "kabinet2" name="kabinet2">скрыть</a></td>
        </tr>

        <tr id="hide_kabinet2">
          <td>
            <div class="t_text2">
              <!--  СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->

              <fieldset class="kabinet_form">
                <div>
                  Изменить ФИО(не обязательно):
                </div>

                <div>
                  <input type="text" size="60" />
                </div>
              </fieldset>
            </div>
          </td>
        </tr>

        <tr>
          <td class="head_kabinet2">Редактировать телефон:<a style="float:right;" href="#" id=
          "kabinet3" name="kabinet2">скрыть</a></td>
        </tr>

        <tr id="hide_kabinet3">
          <td>
            <div class="t_text2">
              <!--  СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->

              <fieldset class="kabinet_form">
                <div>
                  Изменить телефон(не обязательно):
                </div>

                <div>
                  <input type="text" size="60" />
                </div>
              </fieldset>
            </div>
          </td>
        </tr>

        <tr>
          <td>
            <div style="margin:5px" align="center">
              <input type="submit" class="kabinet_button" value="Сохранить" /><input type="reset"
              class="kabinet_button2" value="Сброс" />
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </form><script type="text/javascript">
 function hideKabinetWindow()
 {
   var obj =  document.getElementById("hide_"+this.id);
   var display = obj.style.display;
   obj.style.display = (display != "none")?"none":"block";
   this.innerHTML = (display != "none")?"показать":"скрыть";
   return false
   };


   document.getElementById("kabinet").onclick= hideKabinetWindow;
   document.getElementById("kabinet2").onclick= hideKabinetWindow;
   document.getElementById("kabinet3").onclick= hideKabinetWindow;
</script>
</body>
</html>
Ответить с цитированием