JavaScript:Библиотеки/p5.dom/createSelect()

Материал из Онлайн справочника
Перейти к навигации Перейти к поиску

Перевод: Максим Кузьмин (Cubewriter) Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Pixel Art Mini Meow Animated.gif Черновик


createSelect() [1]

Описание

Создает в DOM выпадающее меню при помощи элемента <select></select>. Кроме того, если вы имеете дело с уже созданным выпадающим меню в виде объекта p5.Element, функция createSelect() помогает использовать на нем методы для работы с выпадающим меню.

Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

createSelect([multiple])
createSelect(existing)

Параметры

multiple  если поставить здесь «true», в этом выпадающем меню можно будет выбрать не один, а несколько элементов одновременно. Тип данных  boolean
existing  выпадающий список из DOM. Тип данных  объект

Возвращаемое значение

p5.Element

Пример

 1 var sel;
 2 
 3 function setup() {
 4   textAlign(CENTER);
 5   background(200);
 6   sel = createSelect();
 7   sel.position(10, 10);
 8   sel.option('pear');
 9   sel.option('kiwi');
10   sel.option('grape');
11   sel.changed(mySelectEvent);
12 }
13 
14 function mySelectEvent() {
15   var item = sel.value();
16   background(200);
17   text('it is a' + item + '!', 50, 50);
18 }

См.также

Внешние ссылки