Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.10.2009, 13:17
Аспирант
Отправить личное сообщение для Hag1989 Посмотреть профиль Найти все сообщения от Hag1989
 
Регистрация: 25.10.2009
Сообщений: 50

Функция toogle
Помогите пожалуйста отредактировать функцию toogle (отвечающую за отображение скрытого элемента) так, чтобы при повторном клике на область, вызывающую эту функцию, элемент со свойством Hide не скрывался опять.

Заранее благодарен за помощь!

вот сам код:
<html>
    <head>
<script type="text/javascript">
function toogle(id) {
    var item;
    if (item = document.getElementById(id)) {
        item.style.display = item.style.display == 'none' ? '' : 'none';
    }
    return false;
}
</script>

<style type="text/css">
    .link {background: #999999 }
    .hoverlink {background: red;}
	#sublink { padding: 50px; background: #999999;}
</style>
    </head>

    <body>
    <FORM NAME="data" ACTION="" METHOD="POST">
<table border="1">
<tr>
<td class="link" onMouseOver="this.className='hoverlink';" onMouseOut="this.className='link';"><input type="radio" name="имя_переменной" value="начальное_значение">
 признак1
</td>
</tr>
<td class="link" onMouseOver="this.className='hoverlink';" onMouseOut="this.className='link';"><input type="radio" name="имя_переменной" value="начальное_значение">
 признак2
</td>
</tr>
<tr>
    <td class="link" onMouseOver="this.className='hoverlink';" onMouseOut="this.className='link';" onClick="toogle('sublink');"><input type="radio" name="имя_переменной" value="начальное_значение">
группа признаков</td>
</tr><tr>
    <td id="sublink" style="display:none;"><input type="radio" name="имя_переменной" value="начальное_значение">
Скрытая руппа</td>
</tr><tr>
    <td width="200" height="50">Еще одна строка</td>
</tr></table>
</FORM>
    </body>
</html>

Последний раз редактировалось monolithed, 02.08.2011 в 18:45. Причина: используйте теги [html] и [js] для оформления кода
Ответить с цитированием
  #2 (permalink)  
Старый 02.08.2011, 11:14
Новичок на форуме
Отправить личное сообщение для ArtEthics Посмотреть профиль Найти все сообщения от ArtEthics
 
Регистрация: 02.08.2011
Сообщений: 1

Можно так
function getElementComputedStyle(elem, prop){
if(typeof elem!="object")elem=document.getElementById(elem);if(document.defaultView&&document.defaultView.getComputedStyle){if(prop.match(/[A-Z]/))prop=prop.replace(/([A-Z])/g,"-$1").toLowerCase();return document.defaultView.getComputedStyle(elem,"").getPropertyValue(prop)}if(elem.currentStyle){var i;while((i=prop.indexOf("-"))!=-1)prop=prop.substr(0,i)+prop.substr(i+1,1).toUpperCase()+prop.substr(i+2);return elem.currentStyle[prop]}return"";
}
function toogle(id) {
  var item,
  disp = getElementComputedStyle(id, 'display');
  if (item = document.getElementById(id)) {
    item.style.display = (disp == 'none') ? 'block' : 'none';
  }
  return false;
}
Ответить с цитированием
  #3 (permalink)  
Старый 02.08.2011, 18:47
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

ArtEthics,
что это неотформатированный копипаст?

Hag1989,
используйте event.target
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите!Нужна функция по времяни Sergey2009 Общие вопросы Javascript 1 17.10.2009 07:15
Функция меняющая значение input type text. Value не подходит( Sundog Общие вопросы Javascript 1 25.09.2009 15:06
есть ли стандартная функция вывода сожержимого массива что то вроди print_r в PHP??? mazovski Events/DOM/Window 4 20.08.2009 12:52
Функция movelayer () kotjke Общие вопросы Javascript 5 24.02.2009 17:44
Не работает функция Destrifer Элементы интерфейса 8 07.12.2008 01:34