New Scripts | JavaScript | Tutorials & Tips

Tutorial and demo on how to move grids horizontally using javascript grid object and animation techniques. Grid cells refesh after callback.

This article helps you to learn how to use Javascript redirect possibilities and show you some code easy code examples.

In this article author shares code on how to create modal popup window which requires user attention. Modal window is needed when we want the user attention to do something and restricting the user from doing other work in the page until he or she closes the popup. This tutorial shows we can use Javascript function to easily create modal dialog popup in few minutes.

JavaScript Operators have a predefined order of precedence which are used to process and evaluate a JavaScript expression. JavaScript Operator Precedence is similar to the Mathematical Operator Precedence and Associativity. Like basic algebra Operator Precedence, JavaScript multiplication and division Operator have higher precedence over addition and subtraction Operator.

JavaScript Expression is a combination of values, variables, operators, and functions that are interpreted (evaluated) as per the program logic define(develop) by JavaScript programmer. JavaScript supports a variety of operators like arithmetic, logical and comparison etc. An operator is a function which acts on any number of operands (inputs) to produce a pre-define operation.

JavaScript Reserved KeyWords are part of the JavaScript language syntax. JavaScript Reserved KeyWords has special meanings and used to instruct JavaScript interpreter to perform a specific pre define task. JavaScript has some reserved keywords which can not be used as an identifier. Using JavaScript Reserved KeyWords as an identifier for variable names, function names, and loop labels results in error.

JavaScript Variables are the main building blocks of JavaScript Scripting language. JavaScript Variables are used for storing (contains) the data (value) and manipulate that data in your programs. Every JavaScript variable has a name, called its ‘identifier’ and optional data called ‘Literals’. JavaScript Variables are declared using JavaScript ‘var’ keyword. JavaScript var keyword allocates storage space for variable to store data. Multiple variables can be declared with one JavaScript ‘var’ keyword. The main advantage of JavaScript variable is, it can hold a value of any data type. Using an undeclared variable causes an error. The best practice of defining JavaScript Variables is with assigned initial values.

JavaScript Literals are the notation for representing a fixed data value that appears directly in a JavaScript program. JavaScript Literals helps us to assign values (initialize) to various JavaScript Data Types and Variables; such as integers, floating-point numbers, strings, and Booleans; enumerated Data Types and compound values such as arrays, records, and objects.

JavaScript Comments allows us to add remarks and a well written explanation about the working of JavaScript code. JavaScript Comments make the code more readable, understandable for future reference. Commenting your JavaScript code makes it easier for others to understand. To increase re-usability of a JavaScript code be, sure to include comments in your scripts. Commenting your JavaScript code is the best practice of JavaScript programming and suits to your aspect of good programming style.

A JavaScript statement is a command to a web browser to perform specific task define (program written) by the user. JavaScript Statements are written with the set of elementary rules that specifies how to write JavaScript programs. A JavaScript program is a set of one or more statements. A statement will have internal components like Variables, Literals, Identifier, reserved keywords, Comments, conditional statement, Arrays, Functions, Objects, Classes etc JavaScript is case sensitive, in the most of cases JavaScript Statements terminated with a semicolon(;) or with Returns(Enter or line-break). Even though semicolon is optional, JavaScript Statements terminated with a semicolon(;) is the best practice of JavaScript programming

JavaScript is mostly used as a client-side scripting language. With Client-side JavaScript, we are able to interpreter with the Document Object Model (DOM) of a web browser. On Client-Side, JavaScript add interactive features to your page. JavaScript allowing us to do plenty of tasks on Client-Side like mathematical calculations, form validation, drop down and sliding menus, message tickers, work with events, work with cookies, add special effects and animation, develop interactive games, customize graphics selections, and create security passwords and many more.

JavaScript is most popular, commonly used, object-oriented, client-side scripting language. JavaScript widely used in tasks ranging from the form data validation to the development of enhanced user interfaces and dynamic websites. The primary use of Client-side JavaScript is to write functions that are embedded in or included from HTML pages and interact with the Document Object Model (DOM) of the page. Because JavaScript code can run locally in a user’s browser (instead of get parse on a remote server like PHP or ASP.NET), it can respond to user actions quickly, making an application feel more responsive and user friendly.

The javascript slider object does not use any other javascript framework. So the length of the script is very small. It will make it easy to deploy the slider on your site.

If you are aiming to make HTML elements and change its CSS properties without reloading the entire page then this post is for you. Most often we need to change CSS dynamically to fulfill user requirement. In this post i will show you through an example how we can achieve it. So that you can easily understand & change CSS class dynamically or runtime in your page by writing a simple javascript function.

Here's a useful jQuery snippet that clears the default values of form fields on focus and refills them if no text is entered. It uses the attribute called defaultValue which stores the original value of a form field.

The basics of using Javascript functions to execute code or perform commands within your pages.

Creating tabbed content is easy with jQuery UI. Using a simple HTML layout and calling the tabs function is all it takes. Here, I'll show you how to make a degradable tabbed interface. That is, we'll make it so the page is still readable when JavaScript is disabled. This involves hiding and showing elements using JavaScript before enabling tabs.

Learn how to make your first HTML5 canvas web application with the CAKE JavaScript library. Demo and source code included.

To make a Client-side numeric textbox control using javascript is a common task in web development. Numeric checking may varried based on business logic. Like positive int, positive decimal, signed int or signed decimal. In my post i will try to focus on each requirement plus cross-browser compatibility. Here i will try to describe the script for 4 different methods for 4 business cases. Choose what you need. 4 cross-browser supported Client Side javascript IsNumeric() methods are as follows:

Previously I have discussed how various cursor styles can be accessed via CSS. This current tutorial will go one step further, and give an insight how the cursor property can be changed to another setting dynamically once the page has already been loaded.