JavaScript and AJAX Web Development Tutorials

JavaScript, jQuery and AJAX (Asynchronous JavaScript and XML) Tutorials.
  Title / Author Replies
How to add and remove entries in collection data Suppose we have a collection of data (array, list etc), which we are rendering into view using AngularJS framework. We want to add data into the collection as well as remove from it using Angular view. We can do it easily using some data binding...
What is AngularJs? AngularJS is an open source web application framework; to be more precise, javascript framework. It is introduced mainly to address and overcome the challenges of developing single page applications (SPA). It is framework for front end model-view-controller (MVC) architecture,...
There are two elements that are used to specify conditions for formatting: The if element The choose element 1. The if element In XSLT, the if element provides a if – then construct. The syntax of if element is as shown below: <xsl: if test = “condition” >
The DOM consists of several objects for manipulating the data. The DOMDocument object is the main object of the DOM. The op node of the tree is represented through this object. The XMLSchemaCache object is used to load the schema associated with the XML document. Some of the methods provided by...
The DOM enabled parser is used for accessing the features of the application. The parser reads the XML document and parses to check that it is valid. The in memory representation of the XML document containing the elements is organized in the tree structure. There are nodes in the structure. ...
The include element The element is used to refer to an external schema located in a definite address. The syntax for using the element is as shown below: <include id="ID" schemaLocation="filename" /> The element contains two attributes as id and schemaLocation. The id specifies the...
An XML document consists of several elements. The XML schema defines the list of elements and attributes that can be used in the XML document. The orders in which the elements appear are defined in the XML schema. The XML Schema Definition (XSD) defines the schema of the XML document. XML Schema...
When the user creates a document in HTML, the browser is capable of understanding and using the tags. When XML is used, the browser does not know how to display the elements. The XSL language is used for this purpose. The XSL language has two parts as follows XSL Transformation (XSLT): The...
XML is used for designing the web pages in an application. XML means Extensible Markup Language. It is a markup language containing tags to define data. The tags used in the language contain the content specific meaning. The data is stored in a structured format. XML is a cross platform, hardware...
Desktop notifications for web applications is a great plus, the user can be notified irrespective of the current window/tab they are using. Chrome, which has the largest share of the browser market, supports desktop notification, also Safari, or any webkit based browser. You can easily...
There are multiple ways to attach an event handler in jQuery but all of them does not function exactly the same way. If there are elements created after DOM is loaded, then not all the events associated with them would be triggered if you have not attached the event handlers correctly. Example ...
So i was working on an awesome project when i wanted to extract GET parameters from the URL string. Like in php $_GET, i need to use javascript since the front end is building on an REST API . You probably should ave seen this feature used in google search and may others, but the problem is...
AJAX was a boon to web development and web applications like GMail etc. millions of site have since implemented AJAX based features on their websites, the idea of asynchronously accessing content was wonderful but AJAX was limited only to the same domain (same origin) as the page requesting the...
Have you ever wondered when you see form on some website submitted in a fraction of a second? Have you ever wanted such forms on your site? This is it. Let us take a sample form. <form method="post" action="SubmitToSomeFile" id="frm" accept-charset=UTF-8 name="frm"> <table...
Sometimes we need the user to enter only numbers in a text field, so I have some up with a small piece of JavaScript to do exactly that. It works for both IE and Firefox. function onlyNumbers(evt) { var e = event || evt; // for trans-browser compatibility var charCode = e.which ||...
JavaScript is widely used for client side scripting ranging from simple effects to creating a rich UI like GMail. A significant operation with the client browser involves working with the browser window, like scrolling, resizing popup window, detecting window resize by the user, opening new...
JavaScript, the most popular & most used client-side scripting language on the internet is really powerful in creating rich user experience by itself. One of the best example of JavaScript excellence is the jQuery library which has helped developers all over the world to build the business...
It is highly recommended that you are familiar with HTML and Javascript before reading tutorial. Notice that this article is only glimpse on this topic, it barely covers all the AJAX features and stuff. This tutorial will show you how 'Ajax' works and how to use it from a web developer's...
The Javascript Code : function autoCompleteDB() { this.aNames=new Array(); } autoCompleteDB.prototype.assignArray=function(aList) { this.aNames=aList;
Feedburner statistics are not part of Google Analytics and I couldn't understand why but you can track Feedburner Email Subscription Form Submission in Google Analytics Very easily. Activate Email Subscription for your Feed in Feedburner and grab the HTML code of your subscription form. The HTML...