Опишите поподробней задачу. Грубо говоря, открыта страничка в браузере, Вы хотите добавить в браузер кнопку, по нажатию на которую все блоки комментариев увеличатся? Или Вы придумали способ внедрения скрипта во ВК и хотите это сделать оттуда?
11 сен 2013 в 11:53
Нет, все просто. Есть виджет комментариев на своем сайте. встроен через JS — и соответственно IFrame. Вот как в Iframe изменить параметры длины. а то при растягивании страницы все сджимается/расжимается, а ширина виджета остается неизменной
11 сен 2013 в 11:58
А там разве не параметрами и настройками приложения задаётся?
11 сен 2013 в 12:34
в том то и дело, что параметрами задается, просто когда меняешь размер страницы — эти параметры остаются прежними. и виджет вылезает за пределы окна
11 сен 2013 в 15:07
6 ответов 6
Сортировка: Сброс на вариант по умолчанию
jQuery(document).ready(function(e) < var size_man = jQuery(‘#vk_groups’).width(); VK.Widgets.Group(«vk_groups», , XXXXXXX); >);
Отслеживать
ответ дан 4 июл 2015 в 16:50
21 3 3 бронзовых знака
Я просто убрал параметр width из скрипта
Как сделать виджет таблицу в сообществе ВК. Приложение конструктор виджетов для групп ВКонаткте
и все — виджет стал на 100% по ширине.
Отслеживать
ответ дан 21 дек 2014 в 16:08
11 1 1 бронзовый знак
Покопавшись в документации, не нашёл конкретного ответа, поэтому придумал данное решение. Может быть не самое лучшее, но с задачей справляется.
HTML: JS: var globalTimer = null; window.onload = function() < // при загрузке устанавливаем параметры по умолчанию VK.Widgets.Comments(«vk_comments», ); >; window.onresize = function () < //при изменении размеров окна сначала очищаем наш блок с комментариями document.getElementById(‘vk_comments’).innerHTML = »; // вызываем через таймер функцию отрисовки (для правки бага с двойной отрисовкой) clearTimeout(globalTimer); globalTimer = setTimeout(doneResize, 300); >; function doneResize()< //заново инициализируем комментарии с новой шириной //тут можно придумать зависимость ширины комментариев от ширины чего-нибудь и вставлять вместо 320 любую другую велечину VK.Widgets.Comments(«vk_comments», ); >
Надеюсь суть ясна. Буду рад, если кто расскажет способ получше.
Отслеживать
ответ дан 11 сен 2013 в 21:22
Гена Царинный Гена Царинный
4,667 1 1 золотой знак 15 15 серебряных знаков 23 23 бронзовых знака
Наверняка кому-то мой ответ поможет. Сделал очень просто
VK.Widgets.Comments(«vk_comments», );
Отслеживать
23.2k 3 3 золотых знака 48 48 серебряных знаков 70 70 бронзовых знаков
ответ дан 15 апр 2015 в 9:54
VK.Widgets.Comments(«vk_comments», );
Вот так очень качественный резиновый стиль
Отслеживать
67.6k 207 207 золотых знаков 76 76 серебряных знаков 218 218 бронзовых знаков
ответ дан 7 фев 2016 в 18:12
Roman Muradov Roman Muradov
Можно использовать класс (.container) с динамически изменяемой шириной блока, равный ширине страничного документа. При изменении размера окна, виджет перегружается с новым размером по ширине контейнера.
Добавление виджета Senler в ВК и его настройка
jQuery(document).ready(function(e) < size_man = $(‘.container’).width(); VK.Widgets.Comments(«vk_groups», , xxxxxxxxx); var globalTimer = null; window.onresize = function () < //при изменении размеров окна сначала очищаем наш блок с комментариями document.getElementById(‘vk_groups’).innerHTML = »; // вызываем через таймер функцию отрисовки (для правки бага с двойной отрисовкой) clearTimeout(globalTimer); globalTimer = setTimeout(doneResize, 300); // получаю ширину из резинового класса уже после того как размер изменился, DOM сформирована заново size_man = $(‘.container’).width(); >; function doneResize()< //заново инициализируем комментарии с новой шириной VK.Widgets.Comments(«vk_comments», , xxxxxxxxx); > >);
Отслеживать
ответ дан 6 апр 2019 в 16:19
Дмитрий Решетей Дмитрий Решетей
1 1 1 бронзовый знак
Добро пожаловать на SO. Извиините за замечание, но в данной теме ожидается конкретный ответ на вопрос заданный ТС. «но с учётом своих нужд» — вы можете сами задать вопрос и сами на него ответить с учётом ваших нужд. Так как этот ресурс не работает как привычные форумы, настоятельно рекомендую ознакомится с его механикой в справке или пройти тур, который вам был предложен при регистрации.
Источник: ru.stackoverflow.com
Как установить виджет группы Вконтакте
Если вы не нашли ответ на интересующий Вас вопрос, задайте его нашему сообществу. Участники и служба поддержки ответят на него,
в течении 15 минут!
Качественная накрутка и заработок Вконтакте
Лучшие статьи
Поиск
Данный веб-сайт использует cookies и похожие технологии для улучшения работы и эффективности сайта. Для того чтобы узнать больше об использовании cookies на данном веб-сайте, прочтите Политику использования файлов Cookie и похожих технологий. Используя данный веб-сайт, Вы соглашаетесь с тем, что мы сохраняем и используем cookies на Вашем устройстве и пользуемся похожими технологиями для улучшения пользования данным сайтом.
Этот сайт использует cookie для хранения данных. Продолжая использовать сайт, Вы даете свое согласие на работу с этими файлами. OK
Читайте ранее:
Как установить тему для Вконтакте
Внешний вид социальной сети Вконтакте знаком многим. Спокойные сине-серые тона. Но многие пользователи хотели бы иметь возможность изменить тему оформления своей персональной страницы. Сделать это можно без особых сложностей. Для этих целей необходимо будет скачать расширение для вашего браузера, выбрать.
Источник: vksetup.ru
Как установить виджет группы ВКонтакте для WordPress сайта
У вас есть группа ВКонтакте и вы хотите разместить на сайте или блоге участников вашей группы?! Все это можно сделать с легкостью и без особой сложности. Социальная сеть ВКонтакте предоставляет такую возможность. Всего в пару кликов вы сможете установить виджет группы ВКонтакте на WordPress сайт. С чего начать?
Для начала нужно получить код виджета группы ВКонтакте, а потом разместить код на сайте. Приступим к пошаговой установке.
Как получить код виджета группы ВКонтакте?
1). Чтобы получить код виджета группы, вам нужно скопировать из адресной строки url-адрес вашей группы:
2). Зайти в свой аккаунт ВКонтакте, а потом перейти по ссылке:
3). В открывшейся форме нужно сделать такие настройки:
—> «Ссылка на страницу» — здесь вставьте скопированный url-адрес вашей группы;
—> «Вид» — здесь выберите, что должно выводиться в блоке: «Участники» , «Новости» или только «Название» ;
—> «Ширина» и «Высота» блока, «Цвет фона» , «Цвет текста» и «Цвет кнопок» — здесь объяснять, думаю, не нужно;
—> «Код для вставки» — это код, который нужно скопировать и разместить на сайте/блоге в том месте, где вы хотите видеть блок группы:
Как установить код виджета группы ВКонтакте на сайт?
Способ №1
1). Чтобы установить код виджета группы на WordPress сайт, вам нужно зайти в админ-панель во вкладку «Виджеты» ( «Внешний вид» => «Виджеты» ):
2). Перетащите виджет «Текст (Произвольный текст или HTML-код)» на рабочую зону, то есть в колонку справа:
3). Заполните виджет:
4). Жмите кнопку «Сохранить» :
Способ №2
Чтобы установить код виджета группы на WordPress сайт, вам нужно зайти в админ-панель WordPressи перейти к редактированию файла «sidebar.php» ( «админ панель» => «Внешний вид» => «Редактор» => «Боковая колонка (sidebar.php)» ) и поместите код в то место, где вы хотите видеть блок группы ВКонтакте.
Если была полезная статья, жмите на кнопку социальных сетей и не забывайте подписываться на обновления блога BlogGood.ru.
Источник: bloggood.ru