Showing posts with label JavaScript. Show all posts
Showing posts with label JavaScript. Show all posts

Multiple columns autocomplete textbox using WebAPI , CSS and javascipt with out using JQuery autocomplete textbox plugins.

Introduction:
This article explain you to create autocomplete text box using WebAPI , CSS and Javascript .
Description:
Below C# code is used to create a multi column autocomplete text box using WebAPI , CSS and javascipt with out using JQuery autocomplete textbox plugins. Generally to create a autocompelte
text box we use JQuery autocomplete plugins , but with JQuery autocompelte textbox plugins
it is not possible to create a multiple columns autocomplete textbox.

Tab Control using AngularJS & CSS and display dynamic pages in ng-include directive when user clicks on tab.

Introduction:
This article explain you to design the tab menu using CSS and AngularJS
Description:
In the Previous post i explained about ng-include directive. Below  code is used to design the dynamic tabs menu using CSS and AngularJS ,and display the pages in ng-include directive when user clicks on tab menu.

Adding and deleting dynamic row with textbox to table using AngularJS

Introduction:
This article explain you how to add dynamic rows with textbox to a table using AngularJS
Description:
Below  code is used to add dynamic rows with textbox to a table using AngularJS

ng include directive example in AngularJS

Introduction:
This article explain you to about ng include directive in AngularJS
Description:
HTML does not support embedding html pages within html page. To achieve this functionality following ways are used −

Using Ajax − Make a server call to get the corresponding html page and set it in innerHTML of html control.

Using Server Side Includes − ASP, JSP, PHP and other web side server technologies can include html pages within a dynamic page.

Using AngularJS, we can embedded HTML pages within a HTML page using ng-include directive.

Adding keyboard shortcuts to your web application

Introduction:
This article explain you to how to use key board keys as shortcut keys in your webapplication.
Description:
 Using below JavaScript you can add an event listener to a keyboard action, such as 'onkeydown' and 'onkeyup'  which will trigger your custom code to run and also pass along information related to the event.

Display the data in table using ng-repeat using WebAPI and AngularJS.

Introduction:
This article explain you to display the data in table using ng-repeat using WebAPI and AngularJS.
Description:
ng-repeat directive can be used to draw table easily. Below code is used  of ng-repeat directive to draw a table.

Two way data binding using AngularJS

Introduction:
In this tutorial I will demonstrate how two-way data binding works in AngularJS.
Description:
Below code is used to two way data binding in AngularJS
To implement this we need to write the code like as shown below

Display Message using controller in AngularJS

Introduction:
This article explain you to display the message using controller in AngularJS.
Description:
Below Code is used to display message using AngularJS directive.
To implement this we need to write the code like as shown below

Sum of two number using Angular JS

Introduction:
This article explain you to add two numbers using AngularJS framework
Description:
AngularJS lets you extend HTML with new attributes called Directives.

AngularJS Directives
AngularJS directives are extended HTML attributes with the prefix ng-.

The ng-app directive initializes an AngularJS application.


The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.


To implement this we need to write the code like as shown below

Sum of two integers using javascript


Introduction:
Sum of two integers using javascript
Description:
Here am going to explain how to add two integers using javascript
Blogger Tips and TricksLatest Tips And TricksBlogger Tricks