minor renovations, beautify round 2 (final)
This commit is contained in:
parent
fad6615c42
commit
8410ce6421
212 changed files with 1981 additions and 1717 deletions
|
@ -14,7 +14,7 @@ var voter = new Voter({
|
|||
voter.setVote(5);
|
||||
|
||||
document.getElementById('voter').addEventListener('change', function(e) {
|
||||
alert(e.detail); // новое значение голоса
|
||||
alert( e.detail ); // новое значение голоса
|
||||
});
|
||||
```
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
Соответственно, ширина области изменения будет `sliderElem.clientWidth - thumbElem.clientWidth`. Далее её можно уже поделить на части, количество пикселей на значение будет:
|
||||
|
||||
```js
|
||||
pixelsPerValue = (sliderElem.clientWidth-thumbElem.clientWidth) / max;
|
||||
pixelsPerValue = (sliderElem.clientWidth - thumbElem.clientWidth) / max;
|
||||
```
|
||||
|
||||
Может получиться так, что это значение будет дробным, меньше единицы. Например, если `max = 1000`, а ширина слайдера `110` (пробег 100), то будет `0.1` пикселя на значение.
|
||||
|
@ -23,7 +23,7 @@ pixelsPerValue = (sliderElem.clientWidth-thumbElem.clientWidth) / max;
|
|||
|
||||
```js
|
||||
function positionToValue(left) {
|
||||
return Math.round( left / pixelsPerValue);
|
||||
return Math.round(left / pixelsPerValue);
|
||||
}
|
||||
|
||||
function valueToPosition(value) {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
```js
|
||||
var slider = new Slider({
|
||||
elem: document.getElementById('slider'),
|
||||
elem: document.getElementById('slider'),
|
||||
max: 100 // слайдер на самой правой позиции соответствует 100
|
||||
});
|
||||
```
|
||||
|
|
|
@ -13,6 +13,7 @@
|
|||
Например, мы можем добавить в `options` для `Menu` новый параметр -- функцию `onselect`, которая будет вызываться при выборе пункта меню:
|
||||
|
||||
```js
|
||||
//+ no-beautify
|
||||
var menu = new Menu({
|
||||
title: "Сладости",
|
||||
template: _.template(document.getElementById('menu-template').innerHTML),
|
||||
|
@ -37,6 +38,7 @@ function showSelected(href) {
|
|||
В коде меню нужно будет вызывать её, например так:
|
||||
|
||||
```js
|
||||
//+ no-beautify
|
||||
...
|
||||
function select(link) {
|
||||
options.onselect(link.getAttribute('href').slice(1));
|
||||
|
@ -58,6 +60,7 @@ function showSelected(href) {
|
|||
Для этого модифицируем функцию `select`:
|
||||
|
||||
```js
|
||||
//+ no-beautify
|
||||
function Menu(options) {
|
||||
...
|
||||
|
||||
|
@ -84,7 +87,7 @@ var menu = new Menu(...);
|
|||
var elem = menu.getElem();
|
||||
|
||||
elem.addEventListener('select', function(event) {
|
||||
alert(event.detail);
|
||||
alert( event.detail );
|
||||
});
|
||||
```
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue