Показать сообщение отдельно
  #20 (permalink)  
Старый 22.05.2017, 14:29
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,776

Сообщение от Djambulat
Примера клавиатуры, которая не пропадает, а принимает класс .blur который находиться в моем css файле, после 10 цифр...
С тебя 1000р. Если ты конечно не пустозвон.

<!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>
Ответить с цитированием