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

Материал из Онлайн справочника
Версия от 20:33, 21 сентября 2018; Myagkij (обсуждение | вклад)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


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);
     //  'товар стоит $'
  }
}

См.также

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