minor renovations, beautify round 2 (final)

This commit is contained in:
Ilya Kantor 2015-03-12 10:26:02 +03:00
parent fad6615c42
commit 8410ce6421
212 changed files with 1981 additions and 1717 deletions

View file

@ -14,7 +14,7 @@ var voter = new Voter({
voter.setVote(5);
document.getElementById('voter').addEventListener('change', function(e) {
alert(e.detail); // новое значение голоса
alert( e.detail ); // новое значение голоса
});
```

View file

@ -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) {

View file

@ -8,7 +8,7 @@
```js
var slider = new Slider({
elem: document.getElementById('slider'),
elem: document.getElementById('slider'),
max: 100 // слайдер на самой правой позиции соответствует 100
});
```

View file

@ -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 );
});
```