Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image Removed

...

UA

image-20240611-123449.pngImage Added

US

image-20240611-123805.pngImage Added

RU

image-20240611-131051.pngImage Added

...

...

Перший спосіб (Рекомендований)

Після створення спливаючого вікна Ви отримаєте блок коду ініціалізації та посилання, які потрібно розмістити на сторінці.Image Removed

...

кнопка "скопіювати код" по кліку на яку буде скопійовано inti code. Вставте код ініціалізації (1) в самому кінці body - перед закриваючим тегом </body>.
кнопка "скопіювати код" скрипта спливаючого вікна. Додайте посилання (2) до клікабельного елемента як параметр href (це може бути кнопка, або просто <a></a> елемент). Підсумок має виглядати приблизно так: <a href='Попапhttps://wep.wf/87wf8s'>Попап</a>.

Натиснувши на цей елемент, з'явиться спливаюче вікно.

Widget Connector
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width400px
urlhttps://www.youtube.com/watch?v=jszdp6kLD5k&feature=youtu.be
height300px

...

Другий спосіб

После создания всплывающего окна, помимо ссылки, вы получите два блока кода, которые необходимо разместить в коде вашей веб-страницы.Image Removed

...

  1. Перша частина коду - скрипт ініціалізації спливаючого вікна (init code). Його слід помістити в самому кінці body - перед закриваючим тегом </body>.
    Друга частина коду – скрипт генерації спливаючого вікна. Помістіть його в будь-якому місці, але не нижче скрипту ініціалізації.

Після цього потрібно створити елемент, який міститиме тригер спливаючого вікна. Як id для такого елемента слід встановити селектор, який знаходиться в налаштуваннях спливаючого вікна (без символу #).

...