Какие параметры надо добавить кнопке что бы вывод был от меньшего к большему элементу?

Question

[Anton-Pluton]

function sortable(cls, attr) {
var elements = document.querySelectorAll(cls),
len = elements.length,
parent = document.querySelector('.posts-rub'),
arrElements = [];
for(var i = 0; i < len; i++) {
arrElements.push({
dataAttr : elements[i].getAttribute(attr),
el: elements[i]
});
}
arrElements.sort(function(a, b){
return parseInt(a.dataAttr) > parseInt(b.dataAttr) ? 1 : -1;
});
for(var j = 0; j < len; j++) {
parent.appendChild(arrElements[j].el);
}
}
sortable('.cards', 'data-views');	
}
window.onliad = function() {
document.getElementById("lol").onclick = sortable (<b>/* Здесь параметры*/</b>)
}

<div class="cards" data-views="<b>1400</b>">
         <div class="pod_prod_4">
                Контент 1400
          </div>
</div>
<div class="cards" data-views="<b>1300</b>">
         <div class="pod_prod_4">
                Контент 1300
          </div>
</div>

Какие параметры нужно добавить кнопке , что бы сортировка элемента data-views происходила от меньшего к большему элементу .

Answer 1

[Sergey Epifanov]

так должно быть?
если так, то:
1. в атрибуте data-views не должно быть тега <b>
2. в window.onload у Вас опечатка
3. Вызывать sortable нужно так - sortable('.cards', 'data-views')

Comments

[Anton-Pluton]

1) тег б я поставил только сюда в самом коде у меня его нет
2) исправил
3) исправил

[Sergey Epifanov]

Anton-Pluton, и какой результат? что-то не работает?

[Anton-Pluton]

Sergey Epifanov, выводит скрипт работает сразу после загрузки страницы но мне надо что бы скрипт работал только при нажатии кнопки .

[Sergey Epifanov]

Anton-Pluton, дело в том, что неправильно устанавливается обработчик. Обновил код по ссылке, там работает при клике

[Anton-Pluton]

Sergey Epifanov, то есть у вас работает ??

[Sergey Epifanov]

Anton-Pluton, да. я переделал обработчик, который Вы написали. смотрите здесь

[Sergey Epifanov]

Anton-Pluton, вместо onclick нужно использовать addEventListener

[Anton-Pluton]

Sergey Epifanov, большое вам спасибо за помощь !!! Но еще один вопросик . Как можно сделать так что бы при нажатии на кнопку скрипт активировался и происходила сортировка а при повторном нажатии он возвращался и страница приходила в свой начальный вид . Заранее спасибо !

[Sergey Epifanov]

Anton-Pluton, хм. можно сделать так . Идея такая: изначальный порядок задавать в другом атрибуте и при повторном клике сортировать по нему