JavaScript:Библиотеки/p5.dom/createSelect(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
| Строка 14: | Строка 14: | ||
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 20: | Строка 20: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
createSelect([multiple]) | createSelect([multiple]) | ||
createSelect(existing) | createSelect(existing) | ||
| Строка 27: | Строка 27: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
multiple – если поставить здесь «true», в этом выпадающем меню можно будет выбрать не один, а несколько элементов одновременно. Тип данных – boolean | multiple – если поставить здесь «true», в этом выпадающем меню можно будет выбрать не один, а несколько элементов одновременно. Тип данных – boolean | ||
existing – выпадающий список из DOM. Тип данных – объект | existing – выпадающий список из DOM. Тип данных – объект | ||
| Строка 34: | Строка 34: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
p5.Element | p5.Element | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 40: | Строка 40: | ||
==Пример== | ==Пример== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var sel; | var sel; | ||
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
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
Пример
var sel;
function setup() {
textAlign(CENTER);
background(200);
sel = createSelect();
sel.position(10, 10);
sel.option('pear');
sel.option('kiwi');
sel.option('grape');
sel.changed(mySelectEvent);
}
function mySelectEvent() {
var item = sel.value();
background(200);
text('it is a' + item + '!', 50, 50);
}
