jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
Ilya Kantor 2014-10-26 22:10:13 +03:00
parent 06f61d8ce8
commit f301cb744d
2271 changed files with 103162 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
02-ui/05-widgets/02-widgets-structure/04-voter/solution/.plnkr Executable file
View file

@ -0,0 +1 @@
{"name":"voter","plunk":"3zpTov5GyvhgEuJGHtUs"}

69
02-ui/05-widgets/02-widgets-structure/04-voter/solution/index.html Executable file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.voter {
font-family: Consolas, "Lucida Console", monospace;
font-size: 18px;
}
.up, .down {
cursor: pointer;
color: blue;
font-weight: bold;
}
</style>
<script src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
<div id="voter" class="voter">
<span class="down">—</span>
<span class="vote">0</span>
<span class="up">+</span>
</div>
<script>
function Voter(options) {
var elem = options.elem;
var voteElem = elem.find('.vote');
elem.on('click', '.down', onDownClick)
.on('click', '.up', onUpClick)
.on('mousedown selectstart', false);
// ----------- методы -------------
function onDownClick() {
voteDecrease(); // сам обработчик не меняет голос, он вызывает функцию
}
function onUpClick() {
voteIncrease();
}
function voteDecrease() {
voteElem.html( +voteElem.html()-1 );
}
function voteIncrease() {
voteElem.html( +voteElem.html()+1 );
}
this.setVote = function(vote) {
voteElem.html( +vote );
};
}
var voter = new Voter({
elem: $('#voter')
});
voter.setVote(1);
</script>
</body>
</html>

1
02-ui/05-widgets/02-widgets-structure/04-voter/solution/voter/.plnkr Executable file
View file

@ -0,0 +1 @@
{"name":"voter","plunk":"3zpTov5GyvhgEuJGHtUs"}

69
02-ui/05-widgets/02-widgets-structure/04-voter/solution/voter/index.html Executable file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.voter {
font-family: Consolas, "Lucida Console", monospace;
font-size: 18px;
}
.up, .down {
cursor: pointer;
color: blue;
font-weight: bold;
}
</style>
<script src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
<div id="voter" class="voter">
<span class="down">—</span>
<span class="vote">0</span>
<span class="up">+</span>
</div>
<script>
function Voter(options) {
var elem = options.elem;
var voteElem = elem.find('.vote');
elem.on('click', '.down', onDownClick)
.on('click', '.up', onUpClick)
.on('mousedown selectstart', false);
// ----------- методы -------------
function onDownClick() {
voteDecrease(); // сам обработчик не меняет голос, он вызывает функцию
}
function onUpClick() {
voteIncrease();
}
function voteDecrease() {
voteElem.html( +voteElem.html()-1 );
}
function voteIncrease() {
voteElem.html( +voteElem.html()+1 );
}
this.setVote = function(vote) {
voteElem.html( +vote );
};
}
var voter = new Voter({
elem: $('#voter')
});
voter.setVote(1);
</script>
</body>
</html>