Test:helloq
Launch MaheshLink:
https://www.staples.com/grs/rewards/subprogram/toast
Test:helloq
Launch MaheshLink:
https://www.qanp.staples.com/grs/rewards/subprogram/toast
Friday, September 4, 2020
Tuesday, March 17, 2015
CSS for Chrome TAB
Hi All,
Chrome TAB CSS
.chromeTAB {
width: 100px;
height: px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 19px solid green;
border-radius: 10px 10px 80px 80px;
color: red;
text-align: center;
}
<div class='chromeTab'>
Chrome TAB CSS
.chromeTAB {
width: 100px;
height: px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 19px solid green;
border-radius: 10px 10px 80px 80px;
color: red;
text-align: center;
}
<div class='chromeTab'>
Conditional Ternary Operator:
Conditional Ternary Operator:
if countryName == "INDIA" {
document.getElementById("test").style.display = ""
}
else{
document.getElementById("test").style.display = ''none.
}
I would like to suggest for hiding HTML Elements using Conditional Ternary operator. Just try the below line for showing or hiding the HTML Elements
test ? expression1 : expression2
Example:
document.getElementById("test").style.display = (CountryName=="INDIA" ? "" : 'none')
Friday, August 8, 2014
Lesson 4 : Angular JS - Browser Compatibility
Hi All,
* As per my view(not sure if it have problem with other browsers), Angular is working fine with all browers except Internet Explorer.
* I made it that Angular is working fine from IE 8+, but i faced that Angualr JS is not working from IE6, and IE7.
To make Angular JS works at IE6, and IE7, I refered some websites, and i came to know that couple of changes required in the HTML5 tags lke,
Other browsers: The syntax is
<body ng-app="MaheshApp">
<div ng-view></div>
<div ng-click></div>
While writing the code for IE 6 and 7 + otherbrowsers: The syntax should be
<body id="ng-app" ng-app="MaheshApp">
<div class="ng-view"></div>
<div href="#" ng-click=""></div>
Still i am doing R&D for other directives, but not yet i succeded, if i found any will update the details here
I came to know that Angular.JS 1.3 has some problem with IE8..Will let you know what is it
* As per my view(not sure if it have problem with other browsers), Angular is working fine with all browers except Internet Explorer.
* I made it that Angular is working fine from IE 8+, but i faced that Angualr JS is not working from IE6, and IE7.
To make Angular JS works at IE6, and IE7, I refered some websites, and i came to know that couple of changes required in the HTML5 tags lke,
Other browsers: The syntax is
<body ng-app="MaheshApp">
<div ng-view></div>
<div ng-click></div>
While writing the code for IE 6 and 7 + otherbrowsers: The syntax should be
<body id="ng-app" ng-app="MaheshApp">
<div class="ng-view"></div>
<div href="#" ng-click=""></div>
Still i am doing R&D for other directives, but not yet i succeded, if i found any will update the details here
I came to know that Angular.JS 1.3 has some problem with IE8..Will let you know what is it
Friday, August 1, 2014
Lesson 2 : Features of Angular JS
* Before going to the develop the code, please try to understand like Model, View ,
Controller, Directives, scope, Services. People who are aware about Knockout,
Backbone, and node.js, it is very easy to learn and develop the code.
Key points:
Model : It is a Javascript Object
View : It is the HTML, and suited for UI design. It is based on DOM Objects
Controller : Its responsible to construct MODEL (Javascript object), and Connect it to view (HTML, UI Design)
Directives : It indicates a postion for DOM elements (like, attributes , CSS, name of the element) that tell AngularJS's HTML compiler ($compile) to attach a specified behavior to that DOM element.
Let me explain in detail, Directives can be attributes, tags or even class names. here <div mahesh></div>. I have added new attribute called Mahesh, This is called directive,we can change the behaviour of particular div adding/changing the custom attribute .
Scope : The job of the Scope is to detect changes to model objects.
Controller, Directives, scope, Services. People who are aware about Knockout,
Backbone, and node.js, it is very easy to learn and develop the code.
Key points:
Model : It is a Javascript Object
View : It is the HTML, and suited for UI design. It is based on DOM Objects
Controller : Its responsible to construct MODEL (Javascript object), and Connect it to view (HTML, UI Design)
Directives : It indicates a postion for DOM elements (like, attributes , CSS, name of the element) that tell AngularJS's HTML compiler ($compile) to attach a specified behavior to that DOM element.
Let me explain in detail, Directives can be attributes, tags or even class names. here <div mahesh></div>. I have added new attribute called Mahesh, This is called directive,we can change the behaviour of particular div adding/changing the custom attribute .
Scope : The job of the Scope is to detect changes to model objects.
Lesson 3 : Basic Example - Angular JS
Refer the below HTML, there is a keyword ng-app.
What is ng-app?
* ng-app is a directive that informs to Angular that <HTML> or<div> tag is the root(or owner) of this
entire document.
* if you want to enable Angular only at specific location in your webpage then you can define ng-app
attribute to any DIV or other tag.
**example <div ng-app"=""></div>, here Angular will applicable for only particula div tag not for entire
document.
Why is ng?
* ng stands Angular.
* Whenever if you seen any attribites starts with ng, that means they have used Angular.
Syntax
<body ng-app = "bodyApp"></body>
<html ng-app = "htmlApp"></html>
<div ng-app = "divApp"></div>
you can include ng-app with any tags,if you are not include angular will not work.
Angular will start automatically once page loads, but sometimes we have to load the particilar div using angular by manually, there we have to use JS like
angular.bootstrap();
Note : Whenever page loads, angular Js loads automatically.
HTML Strucure
<html ng-app="">
<body>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>
What is ng-app?
* ng-app is a directive that informs to Angular that <HTML> or<div> tag is the root(or owner) of this
entire document.
* if you want to enable Angular only at specific location in your webpage then you can define ng-app
attribute to any DIV or other tag.
**example <div ng-app"=""></div>, here Angular will applicable for only particula div tag not for entire
document.
Why is ng?
* ng stands Angular.
* Whenever if you seen any attribites starts with ng, that means they have used Angular.
Syntax
<body ng-app = "bodyApp"></body>
<html ng-app = "htmlApp"></html>
<div ng-app = "divApp"></div>
you can include ng-app with any tags,if you are not include angular will not work.
Angular will start automatically once page loads, but sometimes we have to load the particilar div using angular by manually, there we have to use JS like
angular.bootstrap();
Note : Whenever page loads, angular Js loads automatically.
HTML Strucure
<html ng-app="">
<body>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>
Friday, July 25, 2014
Lesson 1: Basic: What and Why Angular Js?
Hi All, I would like to share my learnings about Angular JS. Today i am
explaining about What is Angular JS?and why Angular JS?
What is Angular JS?
*A client-side JavaScript Framework for adding interactivity to HTML
* It is a open-source web application, maintained by Google and community.
* It is a SuperHeroic MVW framework (MVW Stands for MODEL VIEW Whatever).
* It assists to create a Single page web applications using HTML, CSS, and Javascript (client or Browser side).
* It goal is to augment web applications with model–view–controller (MVC) capability.
What is Angular JS?
*A client-side JavaScript Framework for adding interactivity to HTML
* It is a open-source web application, maintained by Google and community.
* It is a SuperHeroic MVW framework (MVW Stands for MODEL VIEW Whatever).
* It assists to create a Single page web applications using HTML, CSS, and Javascript (client or Browser side).
* It goal is to augment web applications with model–view–controller (MVC) capability.
Subscribe to:
Posts (Atom)