Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: как лучше сделать?

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
alexiy
Отправлено: 02 Декабря, 2013 - 23:03:01
Post Id



Посетитель


Покинул форум
Сообщений всего: 483
Дата рег-ции: Янв. 2011  


Помог: 6 раз(а)




есть
CODE (html):
скопировать код в буфер обмена
  1.  
  2.   <div id="items">
  3.      <div class = "item></div>
  4.      <div class = "item style ="display:none;">...</div>
  5.      <div class = "item style ="display:none;">...</div>
  6.      <div class = "item style ="display:none;">...</div>
  7.      <div class = "item style ="display:none;">...</div>
  8.   </div>
  9.  

по умолчанию показывается только первый div, по клику на кнопку показывается следующий блок, как сделать типа фокуса(чтобы скролл переходил на следующий показанный блок) на каждый появляющийся блок?
 
 Top
dXdYdZ
Отправлено: 02 Декабря, 2013 - 23:16:53
Post Id


Посетитель


Покинул форум
Сообщений всего: 271
Дата рег-ции: Нояб. 2013  


Помог: 11 раз(а)




Здравствуйте. Можно использовать якорь.
Например, если следующий div имеет идентификатор "d1", то после его отображения можно выполнить следующее:
CODE (javascript):
скопировать код в буфер обмена
  1. window.location.href='#d1'

(Добавление)
Вот пример:
CODE (html):
скопировать код в буфер обмена
  1. <div id="items">
  2.      <div class = "item" style='height:700px;background-color:gray;'><button onclick="document.getElementById('d1').style.display='block';window.location.href='#d1'">Показать</button>
  3.      </div>
  4.      22222222222222222
  5.      <div class = "item" id='d1' style ="display:none;height:700px;background-color:gray;">Содержимое 2</div>
  6.      <div class = "item" id='d2' style ="display:none;">...</div>
  7.      <div class = "item" id='d3' style ="display:none;">...</div>
  8.      <div class = "item" id='d4' style ="display:none;">...</div>
  9.   </div>

(Отредактировано автором: 02 Декабря, 2013 - 23:23:04)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB