JavaScript:Библиотеки/p5.dom/createRadio(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
createRadio([divId]) | createRadio([divId]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
divId – ID и название созданных элементов <div> и <input>. Тип данных – String | divId – ID и название созданных элементов <div> и <input>. Тип данных – String | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element. | Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 40: | Строка 40: | ||
===№1=== | ===№1=== | ||
<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 radio; | var radio; | ||
| Строка 62: | Строка 62: | ||
===№2=== | ===№2=== | ||
<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 radio; | var radio; | ||
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
createRadio() [1]
Описание
Создает в DOM радиокнопку при помощи элемента <input></input>. Создав радиокнопку, вы также можете задать ее опции при помощи функции option(). Функция value() возвращает опцию, что выбрана в радиокнопке в данный момент.
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
createRadio([divId])
Параметры
divId – ID и название созданных элементов <div> и <input>. Тип данных – String
Возвращаемое значение
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element.
Пример
№1
var radio;
function setup() {
radio = createRadio();
radio.option('black'); // 'черный'
radio.option('white'); // 'белый'
radio.option('gray'); // 'серый'
radio.style('width', '60px');
textAlign(CENTER);
fill(255, 0, 0);
}
function draw() {
var val = radio.value();
background(val);
text(val, width / 2, height / 2);
}
№2
var radio;
function setup() {
radio = createRadio("buttonList");
radio.option('apple', 1); // 'яблоко'
radio.option('bread', 2); // 'хлеб'
radio.option('juice', 3); // 'сок'
radio.style('width', '60px');
textAlign(CENTER);
}
function draw() {
background(200);
var val = radio.value();
if (val) {
text('item cost is $' + val, width / 2, height / 2);
// 'товар стоит $'
}
}
