Skip to content

Instantly share code, notes, and snippets.

@gangadharjannu

gangadharjannu/index.html

Created October 7, 2014 04:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gangadharjannu/6fc5f18c4d0a3c5c0a03 to your computer and use it in GitHub Desktop.
Save gangadharjannu/6fc5f18c4d0a3c5c0a03 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app="myApp">
<div ng-controller="MyCtrl">
<input type="text" ng-model="userId" ng-focus="clearIconToggle('userId')" ng-keyup="clearIconToggle('userId')" ng-pattern="/^[0-9]*$/" id="userId">
<span ng-show="userIdClear" ng-click="clearText('userId')">X</span>
<input type="text" ng-model="passwd" ng-focus="clearIconToggle('passwd')" ng-keyup="clearIconToggle('passwd')" ng-pattern="/^[0-9]*$/" id="userId">
<span ng-show="passwdClear" ng-click="clearText('passwd')">X</span>
<input type="text" ng-model="dob" ng-focus="clearIconToggle('dob')" ng-keyup="clearIconToggle('dob')" ng-pattern="/^[0-9]*$/" id="dob">
<span ng-show="dobClear" ng-click="clearText('dob')">X</span>
</div>
<script id="jsbin-javascript">
var app=angular.module("myApp",[]);
app.controller("MyCtrl",["$scope",function($scope){
$scope.clearIconToggle=function(param1) {
var element=document.getElementById(param1).value.trim();
if(element.length)
$scope[param1+'Clear']=true;
else
$scope[param1+'Clear']=false;
};
$scope.clearText=function(param){
document.getElementById(param).value='';
console.log($scope[param]);
$scope.clearIconToggle(param);
};
}]);
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"><\/script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app="myApp">
<div ng-controller="MyCtrl">
<input type="text" ng-model="userId" ng-focus="clearIconToggle('userId')" ng-keyup="clearIconToggle('userId')" ng-pattern="/^[0-9]*$/" id="userId">
<span ng-show="userIdClear" ng-click="clearText('userId')">X</span>
<input type="text" ng-model="passwd" ng-focus="clearIconToggle('passwd')" ng-keyup="clearIconToggle('passwd')" ng-pattern="/^[0-9]*$/" id="userId">
<span ng-show="passwdClear" ng-click="clearText('passwd')">X</span>
<input type="text" ng-model="dob" ng-focus="clearIconToggle('dob')" ng-keyup="clearIconToggle('dob')" ng-pattern="/^[0-9]*$/" id="dob">
<span ng-show="dobClear" ng-click="clearText('dob')">X</span>
</div>
</body>
</html></script>
<script id="jsbin-source-javascript" type="text/javascript">var app=angular.module("myApp",[]);
app.controller("MyCtrl",["$scope",function($scope){
$scope.clearIconToggle=function(param1) {
var element=document.getElementById(param1).value.trim();
if(element.length)
$scope[param1+'Clear']=true;
else
$scope[param1+'Clear']=false;
};
$scope.clearText=function(param){
document.getElementById(param).value='';
console.log($scope[param]);
$scope.clearIconToggle(param);
};
}]);
</script></body>
</html>
Raw
jsbin.sihes.js
var app=angular.module("myApp",[]);
app.controller("MyCtrl",["$scope",function($scope){
$scope.clearIconToggle=function(param1) {
var element=document.getElementById(param1).value.trim();
if(element.length)
$scope[param1+'Clear']=true;
else
$scope[param1+'Clear']=false;
};
$scope.clearText=function(param){
document.getElementById(param).value='';
console.log($scope[param]);
$scope.clearIconToggle(param);
};
}]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment