Posts Tagged ‘JavaScript’

Page 1 of 41234

JavaScript Array Remove an Element

JavaScript Array Remove an Element
Following is an example of JavaScript where we will remove elements from an array with Index and Value. There are different methods in JavaScript that we can use to remove elements. We will use splice() method. Remove Array element by Index First we will see an example were we will remove array element by its index. For this we can define a generic function removeByIndex(). function removeByIndex(arr, ... Full story

Disable Back Button in Browser using JavaScript

Disable Back Button in Browser using JavaScript
Sometimes we have requirement in developing a website to disable the Back button effect from Browser. This is common in Online Banking Websites and other sites where security is of principal concern. User may hit back and navigate from the page and forget to logout. Hence sometime it is required that we disable the functionality of ... Full story

Create your own Search Engine(Interface) using Google Custom Search API

Create your own Search Engine(Interface) using Google Custom Search API
Google Custom Search API are wonderful tools to create some awesome search engine like tools. Also if you want to add a search option to your website and customize the look and feel of your search results, Google Custom Search API serve best to you. I have created a Real Time Search engine (I call it real ... Full story

Mouse Scroll Event Up/Down Example in JavaScript

Mouse Scroll Event Up/Down Example in JavaScript
The other day I was working on an App that required Google Map like functionality where Mouse Scroll event on an object triggered some action in JavaScript. Handling Mouse Wheel in JavaScript is quite simple. Most of the browsers support Mouse Scroll Event in one or other way. Mozilla provides window.addEventListener method that can be used ... Full story

Sum HTML Textbox Values using jQuery / JavaScript

Sum HTML Textbox Values using jQuery / JavaScript
Here is a small code snippet to sum the values of all textboxes in a form in JavaScript using jQuery. I wrote it for some functionality and thought to share it with you all. The requirement is simple, whenever user modify the value of a textbox, the fresh sum should be calculated and displayed on the ... Full story

Delete Row from HTML Table by clicking it using jQuery

Delete Row from HTML Table by clicking it using jQuery
jQuery has became one of the most used and most loved JavaScript framework of all time. It not only does reduce the overhead in coding simple techniques in JavaScript, but also make your code cross browser compatible. I have written many tutorials on jquery and this time also I came with this simple plain implementation. The ... Full story

Object-Oriented programming with JavaScript

Object-Oriented programming with JavaScript
Object-Oriented programming is one of the widely used programming paradigm that uses abstraction to create model based on real world. It is a model organized around "objects" rather than "actions" and data rather than logic. Historically, a program has been viewed as a logical procedure that takes input data, processes it, and produces output data. Object-oriented ... Full story

Listbox options javascript select all,move left-right, move up-down

Listbox options javascript select all,move left-right, move up-down
While working with Listboxes I had to write few small JavaScript snippets to perform certain tasks like selecting all options / seselecting all options or moving options up and down or swapping the options between two listboxes. I thought of sharing the JavaScript functions with you so that you can bookmark the article and use the ... Full story

Creating a dynamic menu-planning page and shopping list

Creating a dynamic menu-planning page and shopping list
I have a page on my site that allows users to create a shopping list from seven dinner recipes and one dessert, Users can deselect ingredients that are already onhand so that these items are not included on the shopping list.  You can see the page as it currently functions here:... Full story

Drag and Drop Example using jQuery JavaScript in HTML

Drag and Drop Example using jQuery JavaScript in HTML
Ever tried implementing Drag & Drop feature using JavaScript? Believe me it is quite tough and has lots of cross browser implementation issues. Using jQuery you can create simple Drag & Drop features easily and manage them well. jQuery UI provides with a vast suite of APIs that can be leveraged to create a UI with ... Full story
Page 1 of 41234
Copyright © 2010 ViralPatel.net. All rights reserved.