Как вызвать виджет сообщений ВК по своей ссылке?

Question

[Spout07]

Речь идёт о виджете "Сообщения сообщества".

Имеется код виджета, кнопка вызова которого плавает на странице.

<script type="text/javascript" src="//vk.com/js/api/openapi.js?151"></script>

<!-- VK Widget -->
<div id="vk_community_messages"></div>
<script type="text/javascript">
VK.Widgets.CommunityMessages("vk_community_messages", 120401514, {tooltipButtonText: "Я онлайн! Отвечу на все ваши вопросы."});
</script>

Как реализовать дополнительное открытие этого же самого виджета еще и по своей ссылке?

Answer 1

[KazeZlat]

В качестве обработчиков событий я написал строчки, использующие jQuery, но вы можете и обычным JS управиться, если хотите.

<span class="show_widget">Показать с помощью моей кнопки</span>
<span class="hide_widget">Скрыть с помощью моей кнопки</span>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?151"></script>

<!-- VK Widget -->
<div id="vk_community_messages"></div>
<script type="text/javascript">
    var widget = VK.Widgets.CommunityMessages("vk_community_messages", 120401514, {tooltipButtonText: "Я онлайн! Отвечу на все ваши вопросы."});
    $('.show_widget').click(function(){
        widget.expand();
    });
    $('.hide_widget').click(function(){
        widget.minimize();
    });
</script>

Comments

[Spout07]

KazeZlat как запустить по ссылке?

[KazeZlat]

Spout07, вы спрашиваете как на ссылку обработчик события повесить или что?

[Spout07]

KazeZlat, все сделал как указано, не работает. Показываю код:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?151"></script>

<!-- VK Widget -->
<div id="vk_community_messages"></div>
<script type="text/javascript">
    var widget = VK.Widgets.CommunityMessages("vk_community_messages", 120401514, {tooltipButtonText: "Я онлайн! Отвечу на все ваши вопросы."});
    $('.show_widget').click(function(){
        widget.expand();
    });
    $('.hide_widget').click(function(){
        widget.minimize();
    });
</script>

<span class="show_widget" id="btn-class"><img src="vk.png" width=41 height=25>Написать мне для обсуждения и начала работы</span>

[KazeZlat]

Spout07, jQuery подключен? Что говорит консоль?

[Spout07]

KazeZlat, подключен.

(index):27 Uncaught ReferenceError: $ is not defined
    at (index):27

Подозреваю, что проблема в фреймовой структуре. Весь виджет ВК — фрейм. И эти взаимодействия с страницы в пустую.

[KazeZlat]

Spout07, ну вам же говорят что $ is not defined, а вы говорите что jQuery подключен. Значит подключается он у вас позже, чем данный скрипт выполняется. Подключите раньше или переставьте <script> после подключения jQuery.

[Spout07]

KazeZlat, переставил. Теперь в консоле пусто, но также не работает.