en.javascript.info/02-ui/05-widgets/02-widgets-structure/03-selectable-list-component/solution/selectable-list-component/index.html
Ilya Kantor f301cb744d init
2014-10-26 22:10:13 +03:00

32 lines
878 B
HTML
Executable file
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="listSelect.js"></script>
</head>
<body>
Клик на элементе выделяет только его.<br>
Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.<br>
Shift+Клик добавляет промежуток от последнего кликнутого к выделению.<br>
<ul>
<li>Кристофер Робин</li>
<li>Винни-Пух</li>
<li>Ослик Иа</li>
<li>Мудрая Сова</li>
<li>Кролик. Просто кролик.</li>
</ul>
<button onclick="alert(listSelect.getSelected())">listSelect.getSelected()</button>
<script>
var listSelect = new ListSelect({
elem: $('ul')
});
</script>
</body>
</html>