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

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

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


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


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

 1 var radio;
 2 
 3 function setup() {
 4   radio = createRadio();
 5   radio.option('black');  //  'черный'
 6   radio.option('white');  //  'белый'
 7   radio.option('gray');   //  'серый'
 8   radio.style('width', '60px');
 9   textAlign(CENTER);
10   fill(255, 0, 0);
11 }
12 
13 function draw() {
14   var val = radio.value();
15   background(val);
16   text(val, width / 2, height / 2);
17 }

№2

 1 var radio;
 2 
 3 function setup() {
 4   radio = createRadio("buttonList");
 5   radio.option('apple', 1);  //  'яблоко'
 6   radio.option('bread', 2);  //  'хлеб'
 7   radio.option('juice', 3);  //  'сок'
 8   radio.style('width', '60px');
 9   textAlign(CENTER);
10 }
11 
12 function draw() {
13   background(200);
14   var val = radio.value();
15   if (val) {
16     text('item cost is $' + val, width / 2, height / 2);
17      //  'товар стоит $'
18   }
19 }

См.также

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