Виртуальная Клавиатура (русский и украинский): варианты "встраивания"

Go to the English language version of this page



Виртуальная Клавиатура использует HTML + Javascript, поэтому Javascript должен работать, чтобы Вы могли примеры вариантов встраивания посмотреть.
Если у Вас свой форум, то у всех его пользователей Javascript обязательно работает, иначе не могли бы они участвовать.

Ошибка! В Вашем браузере отключён JavaScript!
Страница работать не будет... :(

Это Виртуальная Клавиатура с режимом "ввод ТОЧНО как дома":

Tо есть, можно писать кириллицей привычно, как дома - с той же раскладкой и в таком же режиме, как домашний системный ввод.

Используются cookies, то есть запоминается раскладка, предпочитаемая пользователем, и при следующем посещении именно она сразу на экране, ему не нужно будет в меню идти для её выбора.



Сама страница Виртуальной Клавиатуры (на встраивамых вариантах картинка меньше размером):

     http://porusski.net

      = http://WinRus.com/klava.htm



Для ситуации "хочу такую взять себе и встроить на свой сайт/форум" я сделал вариант (подробно описанный ниже), где в отличие от указанной выше:



Для встраивания обычно нужно только 1-2 строки HTML вставить в программный код вашего сайта/форума:

 
Условия использования на Вашем сайте программного кода данной Виртуальной Клавиатуры простые :



Здесь описаны несколько вариантов (с работающими Примерами) встраивания (на выбор), например:

Есть здесь и готовые 'рецепты' (от людей, которые это уже сделали) по встраиванию в конкретные форумы -

phpBB, IPB (IP.Board), SMF, vBulletin.



Примечание.

Есть и другие варианты встраивания, отличающиеся тем, что Клавиатура не встроена прямо в Ваш сайт/форум, а находится на отдельной странице Вашего сайта:
пользователи или туда отсылаются или эта отдельная страница показана в окошке (pop-up window) на некой странице вашего сайта.

Эти варианты описаны - в качестве Метода 1 - и тоже с работающими примерами, на другой моей странице - tstKlava.htm
(там же, кстати, описаны и здешние варианты встраивания - в разделе "Метод 2", только без деталей насчет встраивания)

Почти все варианты встраивания/вызова уже использованы на разных сайтах и форумах (если интересно, могу ссылки дать, где какой вариант использован).



 
Если поставите себе один из вариантов, напишите мне пожалуйста на адрес
(удалите пробелы до и после знака '@')
PaulGor  @  compuserve.com
с указанием Web-адреса, где встроено.



  

Информация для встраивания

 

Набор файлов Клавиатуры (.js, .png, ...)

Все нужные файлы - в архиве   vkb_use.zip  

Раскройте его в каком-нибудь временном каталоге, лучше в пустой папке.

Для 'встраивания' Клавиатуры на Ваш сайт/форум оттуда, из архива, нужна только папка (каталог)  vkb.

Остальное там - для тестирования:



Теперь папка  vkb  готова - можно её записать в рабочее пространство Вашего сайта.

А куда именно? Об этом - следующий пункт инструкции:

    

Где лежат файлы Клавиатуры (папка  vkb )
по отношению к странице, в которую она встроена

По умолчанию сделано так (самый частый случай), что Ваша страница будет брать нужные Клавиатуре файлы из под-каталога  vkb  того каталога, где эта страница находится.

То есть, например, Клавиатура, встроенная в страницу A.html, находящуюся на abc.com/~misha/A.html, будет брать свои файлы из папки  abc.com/~misha/vkb.

Если открыть в редакторе главный файл из папки  vkb  - загрузчик Клавиатуры  vkb_load.js - то это в самой первой строке записано:

vkb_Path = "vkb/";

Если же Вас это НЕ устраивает - например, хотите, чтобы Клавиатура работала на нескольких страницах A,B,C,D..., расположенных в разных папках на разных уровнях, типа

то тогда надо, чтобы было
vkb_Path = "/vkb/";
то есть, на страницах в любых каталогах и под-каталогах встроенная Клавиатура будет за своими файлами идти в папку  vkb  находящуюся в корневом каталоге.

Подобное изменение пути к папке  vkb  настраивается путем задания параметра  vkb_Path :



Итак, Вы приняли решение, где поместить папку  vkb  с файлами Клавиатуры и соответственно изменили (если надо) значение 'по умолчанию' параметра  vkb_Path.

Если кодировка Ваших страниц - Unicode (UTF-8)



Строка с вызовом загрузчика Клавиатуры нужна всегда, в любом варианте встраивания.

Как видно из примера выше (и из текста тестовых страниц), в этой строке указана кодировка: в Примере это "Cyrillic(Windows)" - charset='windows-1251'

Это - кодировка русских букв в .js файлах Клавиатуры и если и Ваши страницы тоже в этой кодировке, то всё в порядке.

Если же Ваши страницы - в Unicode (UTF-8), то:



  

Выберите 'Вариант встраивания' по вкусу,
используя работающие Примеры



Для каждого Варианта приведены те 1-2 строки HTML (или 3-4 для некоторых Вариантов), которые Вам надо вставить в код Вашего сайта или форума, например, в HTML код Гостевой Книги.

Важно! Одна из встраиваемых строк - всегда присутствующая, в любом Варианте, это вот такая строка вызова загрузчика  vkb_load.js  (должна быть в секции <HEAD> HTML-кода страницы):

<script type='text/javascript' src='vkb/vkb_load.js' charset='windows-1251'></script>

Это она так выглядит ниже, в наборе строк для встраивания, приведенных для каждого Варианта.
Но Вам - возможно - надо будет её модифицировать:



В следующем за данным разделе будет описано (со слов Админов), как эти строки вызова Клавиатуры вставляются (через Админку или в шаблоны) на разных форумах, где это уже сделано -

vBulletin, phpBB, IPB (IP.Board - Invision Power Board), SMF (Simple Machines Forum)

Для других форумов наверняка сможете сделать 'по подобию'.



А пока - перечисление вариантов...

Примечание. Как Вы увидите на примерах ниже, при самом первом вызове Клавиатуры появляется сообщение

"Подождите, идёт загрузка, это 1-й вызов Клавиатуры"

Без этого сообщения пользователь будет удивлён тем, что после самого первого нажатия на кнопку вызова Клавиатуры ничего не происходит какое-то время.
На что уходит это время? Чтобы зря не 'утяжелять' страницу форума (если человеку НЕ нужна Клавиатура), у Клавиатуры - крошечный 10к 'загрузчик' (файл vkb_load.js) и только если пользователь нажмёт кнопку вызова Клавиатуры, тогда основной её код подгружается (а потом уже в кэшe лежит и доступен впри следующих вызовах) поэтому при самом первом вызове - и только при нём - после нажатия кнопки и до появления картинки проходит некое время, нужное для загрузки всех файлов Клавиатуры -
поэтому, мне кажется, сообщение, высвечиваемое только после самого первого вызова "Подождите..." - полезное.



Ниже - 4 разных Варианта встраивания.

Варианты встраивания описываются, начиная с номера 2 - так получилось, что он вторым по счёту разрабатывался, но оказался самым популярным, поэтому все его параметры сделаны "параметрами по умолчанию", чтобы для его встраивания нужны были бы обычно только 2 строки HTML:

     вызов загрузчика  vkb_load.js  и собственно кнопка вызова Клавиатуры



        

Вариант 2.
Клавиатура появляется в рамке; вводить кириллицу можно только вызвав Клавиатуру на экран



Здесь - два под-варианта:



    

Вариант 1.
Рамку с Клавиатурой можно двигать по экрану. Вводить кириллицу можно и когда рамки на экране нет



Такой Вариант любят на форумах, где многим нужен Виртуальный ввод, поэтому управляющие элементы Клавиатуры уже находятся на экране, сразу видны, и люди могут писать, не вызывая картинку раскладки на экран, если она им не нужна:

  Примеры:  vkb_Fly1.htm - русский интерфейс; vkbFly1e.htm - английский интерфейс



   

Вариант 3.
Рамка Клавиатуры открывается под кнопкой вызова у поля ввода



  Примеры:  vkb_Box1.htm - русский интерфейс; vkbBox1e.htm - английский интерфейс

Для вставки на Ваш сайт здесь нужно, кроме строки с кнопкой вызова, вставить ещё HTML строку, задающую 'рамку' (<div>) в которой будет показана Клавиатура - ведь рамка должна непосредственно под кнопкой вызова открываться, поэтому пришлось строку этой рамки под HTML кодом кнопки вызова иметь.

В строке параметров могут быть и другие дополнительные параметры, описанные ниже в разделе Параметров.



Вариант 3b.
  Это "модифицированный" Вариант 3.  Использован параметр "на отдельной странице"  vkb_InitShow  (см. в разделе Параметров), чтобы встроить Клавиатуру на отдельной странице Вашего сайта и туда отправлять пользователей для ввода кириллицы или показывать эту страницу в pop-up окне на некой странице Вашего сайта:

  Примеры:  vkbBox1p.htm - русский интерфейс.



     

Вариант 4.
Рамка Клавиатуры открывается под кнопкой вызова у поля ввода, как и Вариант 3,
но для более коротких (по горизонтали) полей ввода -
рамка Клавиатуры занимает меньше места по горизонтали



  Примеры:  vkb_Box2.htm - русский интерфейс; vkbBox2e.htm - английский интерфейс

Для вставки на Ваш сайт здесь нужно, кроме строки с кнопкой вызова, вставить ещё HTML строку, задающую 'рамку' (<div>) в которой будет показана Клавиатура - ведь рамка должна непосредственно под кнопкой вызова открываться, поэтому пришлось строку этой рамки под HTML кодом кнопки вызова иметь.

В строке параметров могут быть и другие дополнительные параметры, описанные ниже в разделе Параметров.



Вариант 4b.
  Это "модифицированный" Вариант 4.  Использован параметр "на отдельной странице"  vkb_InitShow (см. в разделе Параметров), чтобы встроить Клавиатуру на отдельной странице Вашего сайта и туда отправлять пользователей для ввода кириллицы или показывать эту страницу в pop-up окне на некой странице Вашего сайта:

  Примеры:  vkbBox2p.htm - русский интерфейс.

В строке параметров могут быть и другие дополнительные параметры, описанные ниже в разделе Параметров.



Конец описания Вариантов



  

Как встроить в Форумы



Если Вас не интересует встраивание в Форумы, то переходите к разделу Параметры   



В данном разделе "Форумы" описано (со слов Админов, сам я не разбираюсь в форумах), как строки, нужные для встраивания Клавиатуры, в форум вставляются (через Админку или в шаблоны) на разных форумах, где это уже сделано -

  vBulletin, phpBB, IPB (IP.Board - Invision Power Board), SMF (Simple Machines Forum)

Для других форумов (IconBoard, ...) наверняка можно сделать 'по подобию'.



Описания для конкретных форумов ниже обычно относятся к одному Варианту встраивания - тому, который тот Админ выбрал для своего форума.
Например, для phpBB описано, как встраивалась Клавиатура по Варианту 2.
Но вставляемые строки для разных Вариантов не сильно отличаются, так что если у Вас тоже phpBB, но Вы хотите другой Вариант, то наверняка сможете 'по подобию' это сделать.

Как выше в описании Вариантов встраивания было описано, набор вставляемых строк делится на 2 части:

Итак, ниже - описания от Админов для следующих форумов, перейдите по нужной ссылке:

  

форум phpBB



Установлен Вариант 2 - его Пример и строки, которые надо вставить, были описаны выше.

Ниже - готовый Мод для 3.0.x версий phpBB, а затем, на всякий случай, шаги по встраиванию (без Мода), проделанные Администратором одного phpBB форума.

Будьте внимательны: у Вас может быть другое расположение папки  vkb  и/или другая кодировка сайта (и то и другое было описано в начале страницы); а может и дополнительные параметры...

Готовый Мод (кодировка UTF-8) - http://winrus.com/vk-MODs/phpBB/Virtual_Keyboard.zip
(я 12/2013 добавил поддержку MS IE 11)

Описание - по ссылке 1-го сообщения темы :

Автор, nissin, написал в теме форума phpBBguru:
"Вызывается кнопочкой Kb в панели BBCode."

Специальный случай, описанный в той же теме участником BorisL:

"У меня установлен Advanced ВВCodes - кнопки нет. Если я его отключаю, то в обычном ВВCodes кнопка вызова Клавиатуры появляется.
Хорошо покопался и нашел где нужно пхнуть кнопку Kb, если установлена AВВС3 от mtssi"

См. детали в первом сообщении второй страницы той темы.



А вот без Мода, шаги по встраиванию, что Админ одного форума проделал:

  1. Скопировать каталог  vkb  в каталог форума

  2. в файле templates/subSilver/overall_header.tpl сразу после тега <HEAD> вставляем 1-ю часть: 
      <!--  1-я часть кода Виртуальной Клавиатуры:  -->
    <script type='text/javascript' src='vkb/vkb_load.js' charset='windows-1251'></script>
  <!-- Конец 1-й части кода Виртуальной Клавиатуры -->
  3. в файле templates/subSilver/posting_body.tpl ищем тэг

        <textarea name="message"..... ></textarea>

    после него вставляем тэг <BR> и кнопку вызова Клавиатуры, то есть 2-ю часть: 
         <BR>
     <!--  2-я часть кода Виртуальной Клавиатуры:  -->
     <BUTTON TYPE=button  ID="vkb_callVirt" onclick="blur(); vkb_start(event);" class="vkb_IEbutton"
         title="Окно Клавиатуры: выбор раскладки; ввод с клавиатуры или мышкой">
     <span>Виртуальная Клавиатура</span></BUTTON>         
     <!-- Конец 2-й части кода Виртуальной Клавиатуры -->
  4. Если установлен мод quickreplay, проделываем пункт 3 для файла templates/subSilver/quick_reply.tpl

Если не хотите читать про другие форумы, то переходите к разделу Параметры   

   

форум IPB (IP.Board - Invision Power Board)



У форума IPB (IP.Board - Invision Power Board) вроде есть специфика из-за которой там проще/беспроблемнее встроить варианты 3 или 4, чем "плавающие" 1 или 2.
Как написал Администратор одного такого форума, это из-за  "интенсивного использования "слоёв" в форумном коде IPB".

Вот тут можно посмотреть, как работает встроенная в форум IPB (версия 2013 года, наверное 3.3.4) данная Клавиатура (встроили Вариант 4, описанный выше), и в форме Быстрого Ответа, и в Полном Ответе, и в форме Личного Сообщения
(правда, чтобы увидеть, надо зарегистрироваться, но это 2 минуты):

"Форум 'Чемодан' - всё о загранице"



Ниже - описания от Админов, как именно они встраивали Клавиатуру в свой IPB форум (всего 5-6 строк), в разные версии по-разному, но для каждой это всего 3-4 предложения, так что советую их все просмотреть, чтобы решить, как Вам проще встроить.

Будьте внимательны: у Вас может быть другое расположение папки  vkb  и/или другая кодировка сайта (и то и другое было описано в начале страницы); а может и дополнительные параметры...

Итак, просмотрите описания от Администраторов:







Если не хотите читать про другие форумы, то переходите к разделу Параметры   

 

форум vBulletin (любые версии)



Установлен Вариант 4 - его Пример и строки, которые надо вставить, были описаны выше.

Ниже - описание установки от Администратора форума http://forum.oszone.net.

Будьте внимательны: у Вас может быть другое расположение папки  vkb  и/или другая кодировка сайта (и то и другое было описано в начале страницы); а может и дополнительные параметры...

Кроме того, он модифицировал "2-ю часть встраиваемого кода", в том числе у него Клавиатура - не под полем ввода форума, а справа от него и CSS для кнопки - свой.
А Вы может хотите, чтобы было, как в Примере этого Варианта 4 описанного выше - ну тогда из Примера и берите строки для вставки...

"Порядок установки я опишу, но у нас есть один нюанс, отличающий размещение Виртуальной Клавиатуры (ВК) в шаблонах -
форма Быстрого Ответа у нас интегрирована в шаблон showthread, а не подтягивается из отдельного шаблона.
Собственно в разрезе установки ВК это единственное существенное отличие от умолчательной конфигурации vBulletin.
На данный момент версия движка 3.6.4, но установка ВК не будет особо отличаться и на других версиях.

Процесс установки:

1. Папку  vkb , содержащую файлы ВК, копируем в каталог форума

2. В админке, в шаблоне showthread находим строку

    <title>$thread[title] - $foruminfo[title]</title>

После неё вставляем строки ВК, составляющие "1-ю часть" встраиваемого кода ВК: 

  <!--  1-я часть кода Виртуальной Клавиатуры:  -->
  <script type="text/javascript">vkb_Variant = 4; vkb_nonUS=true;</script>    
  <script type='text/javascript' src='vkb/vkb_load.js' charset='windows-1251'></script>
  <!-- Конец 1-й части кода Виртуальной Клавиатуры -->

3. В шаблоне showthread находим строку

    <strong>$vbphrase[posting_quick_reply_please_wait]</strong></div>

После неё вставляем (модифицированные) строки ВК, составляющие "2-ю часть" встраиваемого кода ВК: 


  <fieldset class="fieldset">
  <legend>Клавиатура</legend>
  <!--  2-я часть кода Виртуальной Клавиатуры:  -->
  <button style="width:100%" type="button" class="button" ID="vkb_callVirt" onclick="blur(); vkb_start(event);" 
         title="Окно Клавиатуры: выбор раскладки; ввод с клавиатуры или мышкой">
    Виртуальная Клавиатура<br />
    <b>Вкл/Выкл</b></button><br>
  <div id='vkb_VirtKbd'  style='display:none;'></div>     
  <!-- Конец 2-й части кода Виртуальной Клавиатуры -->

Всё."



И ответ этого Администратора человеку, который делал вышеописанное для версии 3.7, но не сработало:

1) Описание проблемы 

"Строка
    <title>$thread[title] - $foruminfo[title]</title> 
Её нету в 3.7.х
там есть:
   <title>$thread[prefix_plain_html] $thread[title]<if condition="$pagenumber>1"> - <phrase 1="$pagenumber">$vbphrase[page_x]</phrase></if> - 
   $vboptions[bbtitle]</title> 
Вторая строка есть.
Но....ничего не получилось.

А по другому, если не в SHOWTHREAD я так и не понял где и куда"
2) Ответ

"Я же предупреждал, что у нас не совсем стандартные шаблоны на форуме.. вернее даже совсем нестандартные :)

В общем случае, в частности в версии 3.7 код клавиатуры нужно размещать в шаблоне showthread_quickreply

Соответственно, первую часть кода можно разместить первыми строками шаблона, перед условием 

             <if condition="$show['editor_toolbar']">

А вторую часть необходимо размещать там где собственно и будет отображаться клавиатура.
Например разместив его в таблицу или div перед строкой 

             <input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />

Таким образом установка клавиатуры проверялась мной на vBulletin версии 3.7.2 Patch Level 2"

Если не хотите читать про другие форумы, то переходите к разделу Параметры   

   

форум SMF (Simple Machines Forum)



Установлен Вариант 2 - его Пример был описан выше.

Для SMF уже есть готовый Мод - ставится как на линейку SMF 1.1, так и на линейку SMF 2.0.

Этот Мод встраивает Клавиатуру в шаблоны Ответа, Быстрого Ответа и Личного Сообщения:

Обсуждается на форуме SMF в теме "Мод Виртуальной Клавиатуры" - http://www.simplemachines.ru/index.php?topic=1578.0



Конец описания 'вставки' Клавиатуры для разных форумных движков



                

Параметры (практически все - НЕобязательные)



  1. JavaScript файлы загружаются и используются по-разному в зависимости от Варианта.
    Предлагается параметр - номер варианта, например:
    vkb_Variant = 1;

    По умолчанию номер Варианта = 2.



  2. Вы можете выбрать интерфейс Клавиатуры - русский или английский
    (все слова на экране Клавиатуры, названия раскладок, ....)

    По умолчанию интерфейс - русский, поэтому если хотите английский, то в строке параметров должен быть такой:

    vkb_InterfaceLanguage='E';



  3. Вы можете сами решить, нужна ли Вам обратная опция - "В латиницу" - это когда Вы пишете кириллицей обычным образом, с системной клавиатурой и "Ру/RU" в панели задач, а на экране получается латиница типа "privet" (см. как эта опция работает на странице Клавиатуры на http://porusski.net)

    Эта опция может быть нужна для SMS и т.п.

    vkb_ToLatin=true;

    По умолчанию - "false", то есть, нет на экране Клавиатуры такой опции.

     

  4. Вы можете сами решить, нужна ли Вам опция
    "когда режим клавиатуры 'чужого' компьютера - НЕ 'английский, США'".

    (что это за опция? См. как она работает и Пояснение к ней под картинкой на http://porusski.net)

    Если Вам такая опция нужна, то в строке параметров нужен вот такой:

    vkb_nonUS=true;

    По умолчанию значение - "false", то есть, НЕ нужна такая опция.

    Важно. Если такая опция Вам нужна, то - кроме задания этого параметра - надо, как было в начале страницы описано, при формировании папки  vkb  во временним каталоге, скопировать все файлы из под-каталога   non-US   в родительский, в папку  vkb 

     

  5. Вы можете сами решить, какова будет начальная (при первом вызове Клавиатуры) раскладка Клавиатуры, то есть, для американского и других режимов - одна из Стандартных или одна из Фонетических, например, если хотите, чтобы была первая из списка Фонетических:
    vkb_KbdVariant = '1';

    По умолчанию значение - "30" (Стандартная русская).

    Примечание. Если захотите задать значение для НЕамериканского клавиатурного режима, то тогда НЕ забудьте так же задать  vkb_nonUS=true;  (этот параметр был описан выше, перед данным).

    Вот здесь - весь список числовых значений для данного параметра:   Параметр 'стартовой раскладки' Виртуальной Клавиатуры

     

  6. Вы можете сами решить - для варианта 2, когда Клавиатура работает в рамке/окошке - как себя это окошко будет вести:

    vkb_Fix = true;

    По умолчанию значение - false, то есть, окошко в Варианте 2 можно двигать по экрану.



  7. Служебные файлы Клавиатуры лежат в папке  vkb и по умолчанию путь (Path) к ней задан как
    vkb_Path = "vkb/";

    Другое значение можно задать в строке параметров HTML файла страницы, где Клавиатура встроена.
    Расположение папки  vkb  с файлами Клавиатуры обсуждалось в начале страницы.

     

  8. Вы можете сами решить, в каком положении будет изначально, при старте, переключатель основного режима "Кириллица с клавиатуры" - "Включено" или "Выключено".
    (в основном это для Варианта 1, описанного выше вместе с другими)

    Например, Вы можете захотеть "Выключено" в качестве начального положения - иначе те пользователи, кому НЕ нужна Виртуальная Клавиатура, то есть, кто вводит кириллицу с обычными системными клавиатурными средствами, будут смущены тем, что работают ОБА метода ввода одновременно (пока не догадаются отключить Виртуальную Клавиатуру, переведя переключатель в "Выключено").

    Если Вы хотите иметь "Выключено" при старте, как начальное, то с списке параметров надо иметь следующее:

    vkb_CyrOnOffInit=false;

    По умолчанию (то есть, если параметра нет) значение - "true", то есть, "Включено".

       

  9. Для Вариантов 3 и 4 - "рамка под полем ввода" (широкая или узкая) есть параметр для случая, когда Виртуальная Клавиатура - на отдельной странице Вашего сайта, а значит, должна быть сразу видна, изначально.

    Для обычных встраиваний (на форуме например) Клавиатура ведь сразу НЕ видна - чтобы в глаза не бросалась, если пользователю не нужна, и чтобы страницу зря не 'утяжелять'.
    Появляется только если пользователь сознательно нажмет кнопку вызова...

    А вот если это отдельная страница, то надо, чтобы сразу была видна.
    Тогда в списке параметров надо иметь следующее:

    vkb_InitShow=true;

    По умолчанию (то есть, если параметра нет) значение - "false", то есть, Виртуальная Клавиатура не видна, появляется только по нажатию клавиши.

    Опять же, это только для вариантов 3/4 - в случае, если кому именно так захотелось на отдельной странице сделать (когда встраивается 2-3 строками, картинка небольшая по размеру; с загрузчиком, надо ждать 1-й раз пока весь код загрузится),
    а не так, как описано для обычного случая "Клавиатура - на отдельной странице", где картинка по размеру не уменьшенная, где предлагается прямо на странице иметь весь HTML код Клавиатуры, где поэтому не надо ждать пока код загрузится -
    см. на странице, где все варианты описаны, под-варианты (c) и (d) Варианта 1 Метода 1.



 

Реже используемые параметры





Павел Городянский  
Инструкции: русский под Windows и в Интернете:  
http://WinRus.com  
несколько отзывов от посетителей сайта  

Понравилось? Можете послать автору вознаграждение, нажав на кнопку
(откроется новое окно):