Цитата:
Сообщение от Djambulat
Примера клавиатуры, которая не пропадает, а принимает класс .blur который находиться в моем css файле, после 10 цифр...
|
С тебя 1000р. Если ты конечно не пустозвон. :D
<!DOCTYPE html>
<html ng-app='app'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<style type='text/css'>
.blur {
-webkit-filter: blur(5px);
pointer-events: none;
/*transition: 1s filter linear;*/
}
</style>
<script type='text/javascript'>
var app = angular.module('app', []);
app.controller(
'ctrl',
[
'$scope',
function($scope) {
$scope.number='';
$scope.inc=function(Val){
if (Val=='Bs') {
$scope.number=$scope.number.substring(0,$scope.number.length-1);
return;
}
$scope.number+=Val;
};
}
]
);
app.filter(
'class',
function(){
return function(Val){
return (Val.length<10)? '': 'blur';
}
}
);
</script>
</head>
<body ng-controller='ctrl'>
<div id='keys' ng-class='number|class'>
<button ng-repeat='(i, val) in [0,1,2,3,4,5,6,7,8,9,"Bs"]' ng-click='inc(val)'>{{val}}</button>
<div id='value'>{{number}}</div>
</div>
</body>
</html>
|