Typescript Quick Notes for Angular Developers

Typescript Quick Notes for Angular Developers: As because of angular’s reach angular developers are forced to learn typescript. It is not tough but it is better to know the below basic syntax to code faster.   1. Converting array to JSON in typescript   selectedItems = []; JSON.stringify(this.selectedItems);       2. For loop in typescript   for(let item of

156 total views, 2 views today

» Read more

Auto populate one dropdown based on other dropdown value change in Angular JS

Angularjs dropdown auto population by changing other dropdown example

Auto populate one dropdown value based on other dropdown value change in Angular JS:   As we know Angular JS is a two way data binding, mapping the $scope variable in the html/view file will map and bind the updated value which we are assigning/updating in the controller.   I recommend you to study Angular JS Hello world for dummies

159 total views, 1 views today

» Read more

AngularJS Hello world for Dummies

AngularJS Hello world for Dummies featured image

AngularJS Hello world for Dummies: AngularJS is an open source Model-View-Controller [MVC] Javascript framework initially created by Misko Hevery and Adam Abrons in 2009. Now google maintains this web application open source framework. AngularJS written using Javascript language. AngularJS extends HTML attributes by directives.   What is AngularJS? It is a javascript framework mainly used to create single page applications(SPA’s)

153 total views, no views today

» Read more

Developing Gmail Inbox extensions using inboxSDK

Developing Gmail Inbox extensions using inboxSDK: InboxSDK: What is InboxSDK ? InboxSDK is a platform to develop extensions/plugins for gmail inbox. It’s just a single JS file which you can download from InboxSDK.     Extension in Gmail ? Where can I find it? Yes. It’s a extension in gmail. You can find in sidebars, new compose messages/reply messages etc.,

503 total views, 2 views today

» Read more

Prompt before closing the browser tab example

confirmation prompt before closing the browser tab

Prompt before closing the browser tab: In realtime web applications like shopping websites and multi tab registration websites we wanted to show the confirmation prompt before closing the browser tab. Because user would have clicked the close button by mistake/without knowing. If we close the tabs without letting him, then he may lost the data’s which he entered.   For

146 total views, 1 views today

» Read more

Click to copy to clipboard jQuery

click to copy

Click to copy to clipboard jQuery:     If you look at the coupon websites, they will copy the coupon you clicked to your clipboard.       Plugins Required for click to copy to clipboard: 1. jQuery Plugin [jquery.min.js] 2. zClip Plugin [jquery.zclip.js]   Click to Copy to clipboard jQuery source code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

273 total views, 6 views today

» Read more

Mouse over zoom image jquery Example

flipkart_zoom_image

    Mouse over zoom image jquery Example: In online shopping websites, on product image mouse over, it will be zoomed like this,       This can be achieved using the opensource jquery elevateZoom plugin.   Plugins Required: 1. jQuery Plugin [jquery-1.8.3.min.js] 2. elevateZoom Plugin [jquery.elevateZoom-3.0.8.min.js]     Image Zoom – Sample Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01

205 total views, no views today

» Read more

jQuery select onchange Example

jQuery select onchange Example: Select dropdown onchange can be done using both javascript and jQuery. We have done here using jQuery. Please find the program below, Select Onchange jQuery Sample: <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $( ‘.left_select’).change(function() { alert($(‘.left_select’).val()); }); }); </script> </head> <body> <div class="dropdown"> <select class="left_select"> <option value="java" selected>Java</option> <option value="php">PHP</option> <option value="javascript">JavaScript</option> </select> </div> </body>

226 total views, 4 views today

» Read more
1 2 3