Как активировать виджет сообщений другой кнопкой?

Question

[De Slow]

Есть вииджет сообщений на странице сайта.
есть кнопка призыва к действию, как сделать так, что бы нажимая на нее, открывался виджет сообщений вк?

Answer 1

[Игорь Перегудов]

отловить событие клика по твоей cta кнопке и добавить клик по виджету

$(document).ready(function() {
    $('.buybtn').on('click', function(){
        $('#wcm_button').click()
    });
});

Comments

[Игорь Перегудов]

$('btn').on('click', function(){ $('vk_btn').click() }) примерно так

[De Slow]

Игорь Перегудов: прошу прощения, но с js вообще плохо... То есть данный код "$('btn')" сюда вставляется кнопка div например, на который мы нажмем? что код дает, и как подстроить под свой шаблон:?(

[Игорь Перегудов]

Lesha Weal: в инспекторе посмотри класс у кнопки виджета вк, своей кнопке задай класс или ид и смотри, тот код что я тебе написал $('btn').on('click', function(){ $('vk_btn').click() })

btn - замени на свой класс или ид (если класс то .btn если ид то #btn) между ковычками
с vk_btn - аналогично

[De Slow]

Игорь Перегудов: простите, но как отследить через инспектор класс кнопки?((

[Игорь Перегудов]

Lesha Weal: нажимаешь f12, в появившемся окне слева вверху есть кнопка стрелочки, нажимаешь на нее и затем жмешь по виджету vk ниже в этом окне будет дерево элементов, там находите ваш виджет и у него находите класс или идентификатор

[De Slow]

а этот код обернуть в
?И просто в низу оставить?

[De Slow]

Игорь Перегудов: poesya.ru/#wcm_chat что-то не срастается(

[Игорь Перегудов]

Lesha Weal: я посмотрел, там много каши у тебя... библиотеки подключай перед закрывающим тегом боди, если пишешь js сосздавай отдельный файл script и его тоже подключай ниже jquery, сам код - напишу в ответи (исправленный вариант)

Answer 2

[Кирилл Жиляев]

Виджет целиком прогружается с сайта вк в фрейме.
Единственный костыль - это скрывать DIV, оборачивающий фрейм. Но надо виджет установить сразу раскрытым.
Но опять - при нажатии на крестик появится стандартная кнопка... Хотя можно отслеживать размеры div, или закрыть своим div'oм крестик и повесить на него callback