Сегодня 20 декабря, суббота ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7281
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
iFlight
iFlight
Голосов: 1
Адрес блога: http://iflight.su
Добавлен: 2011-03-23 08:23:44 блограйдером iflight
 

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

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

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

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

  1. function hide()
  2. {
  3.   for(i=0; i<hide.arguments.length; i++)
  4.   {
  5.      document.getElementById(hide.arguments[i]).style.display = 'none';
  6.   }
  7. }
  8.  
  9. function show(id)
  10. {
  11.   hide('ID_1', 'ID_2');
  12.   document.getElementById(id).style.display = 'block';
  13. }

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

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

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

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

Теги 

JavaScript



 


Самый-самый блог
Блогер Рыбалка
Рыбалка
по среднему баллу (5.00) в категории «Спорт»
Изменения рейтинга
Категория «Ню»
Взлеты Топ 5
+143
146
IllAIR
+123
143
GetProfit
+116
124
antonesku
+111
126
Melipomena
+108
125
Agnoia
Падения Топ 5


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