Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.08.2013, 09:00
Аспирант
Отправить личное сообщение для Alex_dark74 Посмотреть профиль Найти все сообщения от Alex_dark74
 
Регистрация: 10.04.2012
Сообщений: 72

Проверить div на none
Необходимо проверить div на none rf правильно сделать запрос!
Пробовал так
function tester(id){
    if (style.display == none){
      document.getElementById(id).style.display = 'block';
    }
    else {
      document.getElementById(id).style.display='none';   
    }
  }

не работает!
Ответить с цитированием
  #2 (permalink)  
Старый 06.08.2013, 09:04
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Alex_dark74
не работает!
Потому как в style того ДИВа нет упоминания про display...

<div id='test'></div>
<script type="text/javascript">
alert('>'+document.getElementById('test').style.display+'<');
</script>

Последний раз редактировалось ksa, 06.08.2013 в 09:08.
Ответить с цитированием
  #3 (permalink)  
Старый 06.08.2013, 09:10
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Alex_dark74 Посмотреть сообщение
Пробовал так
function tester(id){
    if (style.display == none){
      document.getElementById(id).style.display = 'block';
    }
    else {
      document.getElementById(id).style.display='none';   
    }
  }
Пробуй так...

function tester(id){
    if (style.display == 'block' || style.display == ''){
      document.getElementById(id).style.display = 'none';
    }
    else {
      document.getElementById(id).style.display='block';   
    }
  }
Ответить с цитированием
  #4 (permalink)  
Старый 06.08.2013, 09:16
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

а мне вот такой формат больше нравится:
function tester(id)
	{
	document.getElementById(id).style.display = (style.display == 'block' || style.display == '') ? 'none' : 'block';
	}
Ответить с цитированием
  #5 (permalink)  
Старый 06.08.2013, 09:17
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

а еще лучше так:
function tester(id)
	{
	document.getElementById(id).style.display = (style.display == 'none') ? 'block' : 'none';
	}
Ответить с цитированием
  #6 (permalink)  
Старый 06.08.2013, 09:32
Аспирант
Отправить личное сообщение для Alex_dark74 Посмотреть профиль Найти все сообщения от Alex_dark74
 
Регистрация: 10.04.2012
Сообщений: 72

Выдает
style is not defined !!!

Более полный код

<script type="text/javascript">
  function show_hide(id){
    document.getElementById(id).style.display='none'; // Скроет слой
  }
function tester(id){
    if (style.display == 'none'){
      document.getElementById(id).style.display = 'block';
    }
    else {
      document.getElementById(id).style.display='none';   
    }
  }
</script>

<h1>ЧаВо!? Часто задаваемые вопросы</h1>
<p style="text-align: left;">
  <button class="button_dis" onClick="tester('dis01')">Что значи цветовая модель RGB или CMYK</button>
  <div style="display: none;" id='dis01' class="div_dis">
    <p class="spisoc1">По цветовым моделям лучше всего почитать полную информацию <a class="mail" href="http://ru.wikipedia.org/wiki/RGB">RGB</a> <a class="mail" href="http://ru.wikipedia.org/wiki/CMYK">CMYK</a>. Если коротко, то...  </p>
      <p class="spisoc2">RGB - R (красный) G (зеленый) B (синий) - это цвета которыми светит 1 пиксель монитора с определенной насыщенностью и при совмещении трех цветов на мониторе мы видим цветное изображение!</p>
      <p class="spisoc2">CMYK - C (голубой) M (пурпурный) Y (желтый) K (черный) из этих цветов состоит изображение на печатной продукции. И любая цветная продукция печатается именно составление этих цветов.</p>
  </div>
</p>
Ответить с цитированием
  #7 (permalink)  
Старый 06.08.2013, 09:36
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

ну дак style определить наверное надо:
function tester(id)
	{
	var obj = document.getElementById(id);
	obj.style.display = (obj.style.display == 'none') ? 'block' : 'none';
	}
Ответить с цитированием
  #8 (permalink)  
Старый 06.08.2013, 09:57
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Alex_dark74
Выдает
style is not defined !
При таком подходе это очевидно!
Ответить с цитированием
  #9 (permalink)  
Старый 06.08.2013, 09:58
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от skrudjmakdak
а еще лучше так:
Есть много способов как ободрать кошку... (с)
Ответить с цитированием
  #10 (permalink)  
Старый 06.08.2013, 09:59
Аспирант
Отправить личное сообщение для Alex_dark74 Посмотреть профиль Найти все сообщения от Alex_dark74
 
Регистрация: 10.04.2012
Сообщений: 72

Сообщение от skrudjmakdak Посмотреть сообщение
ну дак style определить наверное надо:
function tester(id)
	{
	var obj = document.getElementById(id);
	obj.style.display = (obj.style.display == 'none') ? 'block' : 'none';
	}
Да точно!
Спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как проверить пустой ли блок div? KamalovRadik jQuery 6 13.11.2018 18:26
Проблемы с div обновлённым через (#id).load erlcat jQuery 4 03.03.2013 03:41
При нажатии на ссылку раскрываются все div anonimous jQuery 1 09.08.2012 14:49
Есть ли способ проверить загрузку контента в div или отследить когда размер div-а изм ingwarr Events/DOM/Window 0 03.05.2012 17:02
проблема с div И animate g00000dman jQuery 2 24.03.2011 23:34