Posts Tagged ‘JavaScript’

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 ...

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 ...

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:...

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 ...

jQuery tabs: Create HTML tabs using jQuery UI

jQuery tabs: Create HTML tabs using jQuery UI
HTML Tabs have became one of the most used UI components in web design. Tabs are generally used to break content into multiple sections that can be swapped to save space. Different implementation of HTML Tabs are available and jQuery UI is one of the simplest one.For adding jQuery tabs in your HTML page, first you ...

jQuery AJAX Tutorial, Example: Simplify Ajax development with jQuery

jQuery, the JavaScript library provides some powerful set of jQuery AJAX API's to handle AJAX requests. The normal way of making AJAX calls using JavaScript is a bit odd as you have to first create an XMLHttpRequest object that depends on the browser and then make an AJAX call. Also sending a form data using AJAX ...

Tutorial: Handle browser events using jQuery JavaScript framework

Tutorial: Handle browser events using jQuery JavaScript framework
Handling events in today web browser is a bit difficult part as different browser handles events in a different way. Hence to overcome these cross browser problems, one can leverage the Event handling APIs of jQuery.jQuery is a small JavaScript library that provides a vast number of APIs to handle different browser events and effects ...

Implement simple font zoomer in JavaScript & HTML

Implement simple font zoomer in JavaScript & HTML
A lot of websites on internet provide users with an option to increase the font size of the page for better reading experience. Although nowadays almost all the web browsers supports zoom in/out functionality using mouse wheel scroll or other shortcut keys, it is sometimes a good idea to give user a way to increase/decrease the ...

Multiple Selection Listbox Javascript Problem in MS Internet Explorer

Multiple Selection Listbox Javascript Problem in MS Internet Explorer
Last night I came across very weird problem of JavaScript. I wrote a JavaScript code to select all the option of the list. Let's take following example for demonstration. HTML code:1 2 3 4 5 6a b c dselect all numbers select ...

Chrome Experiment: Google’s new site to showcase Chrome and JavaScript

Chrome Experiment: Google's new site to showcase Chrome and JavaScript
Yesterday only Google announced the new beta version of its browser, Google Chrome. And today they launched Chrome Experiment, a site that showcases JavaScript intensive games, applications and visualizations. Definitely the site showcased the power of the Chrome and its V8 JavaScript engine. The application provided in this site also worked with Firefox, ...
Page 2 of 41234
Copyright © 2012 ViralPatel.net. All rights reserved.