Сегодня 20 декабря, суббота

Какой рейтинг вас больше интересует?

получить код

Главная / Каталог блогов / Cтраница блогера iFlight / Запись в блоге

	iFlight Голосов: 1 Адрес блога: http://iflight.su Добавлен: 2011-03-23 08:23:44 блограйдером iflight

Скрипт выбора комментариев

2011-05-07 15:05:21 (читать в оригинале)

В последних своих статьях я рассказывал о социальных сетях Faceboоk и В Контакте, каждая из которых предоставляет свой виджет комментариев. Каждый из этих виджетов хорош и востребован определенной аудиторией пользователей интернета, и зачастую хочется иметь у себя и тот и другой. Однако размещение двух виджетов комментариев одновременно может сильно испортить внешний вид сайта. Решить эту проблему можно множеством способов, сегодня я хочу показать один из самых простых, основанный на простом JavaScript скрипте.

Сам скрипт состоит из двух функций, одна из которых скрывает комментарии, а другая разворачивает, и выглядит он так:

function hide()
{
  for(i=0; i<hide.arguments.length; i++)
  {
     document.getElementById(hide.arguments[i]).style.display = 'none';
  }
}
 
function show(id)
{
  hide('ID_1', 'ID_2'); 
  document.getElementById(id).style.display = 'block';
}

Для того чтобы скрипт работал необходим следующий html код:

<input type=button onclick="show('ID_1')">
<input type=button onclick="show('ID_2')">
<div id="ID_1" style="display:block">Тут должен быть код первого виджета комментариев</div>
<div id="ID_2" style="display:none">Тут должен быть код второго виджета комментариев</div>

Суть работы этого кода проста - при нажатии на соответствующую кнопку срабатывает функция show(), которая сначала скрывает DIV-ы c указанными id, а затем показывает один, необходимый нам, соответственно отображается то один, то другой виджет комментариев, которые расположены внутри DIV-ов.

Все достаточно просто, даже без знания необходимых языков. Успехов и до встречи!

Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.

Скрипт выбора комментариев

Теги