Показать сообщение отдельно
  #1 (permalink)  
Старый 11.05.2011, 14:15
Интересующийся
Отправить личное сообщение для alex_89 Посмотреть профиль Найти все сообщения от alex_89
 
Регистрация: 30.04.2011
Сообщений: 23

Скрытие элементов на JS
Я написал скрипт
function showKabinetWindow() 
 {
  document.getElementById("kabinet").style.display="block"; 
  var hs=document.getElementById("hide_kabinet");
  hs.innerHTML='<img src="minus1.png">';
  hs.onclick=hideKabinetWindow;
 }
 function hideKabinetWindow() 
 {
   document.getElementById("kabinet").style.display="none";
    var hs=document.getElementById("hide_kabinet");
   hs.innerHTML='<img src="plus.png">';
   hs.onclick=showKabinetWindow;
   hs.style.display="block";
   };
 
   
   document.getElementById("hide_kabinet").onclick= function() {hideKabinetWindow(); return false};

НТML код

<table>
...........
 <tr>
	            <td class="head_kabinet">Редактировать профиль:</td>
            </tr>
			<tr>
			     <td class="head_kabinet2">Редактировать Аватар:
				 <a style="float:right; margin-top:-12px;" href="#" id="hide_kabinet"><img src="minus.png"> </a></td>
            </tr>
			
            <tr id="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="hide_kabinet2"> вв</a>
				 </td>
            </tr>
			
            <tr id="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">Редактировать телефон:</td>
            </tr>
			
            <tr>
                <td>
                       
                      
             
			              <div class="t_text2"> <!--  СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->

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

				 </td>
			</tr>

Скрипт необходим для скрытия элементов формы : при щелчке по картинке -исчезает,нажав еще раз она появляется! ПРОБЛЕМА: как сделать чтобы скрипт работал для скрытия не 1 элемента(изменить аватар), а скрывал по своевременному нажатию: элементы (редактировать телефон и фио)
Ответить с цитированием