Most Popular Scripts | JavaScript | Tutorials & Tips

If you have downloads available on your website, implementing a delayed download can be great nu-intrusive way to give your visitors what they are looking for (the download) while also giving your advertisers a few seconds of extra face-time. This script will give the user a second-by-second countdown letting them know exactly how much longer they have to wait for their download to start. This is a great time for you to display some targeted advertising to them while you have their full attention.

Tutorial on displaying lightboxes and creating a lightbox class with HTML, CSS & jQuery.

When creating websites, we very often ask a user to insert his personal details including a mailing address. This time, rather than using a conventional field, we will use a widget called jQuery UI jQuery address picker.

In this tutorial we will access the Compass feature from PhoneGap. With this feature we can obtain the direction that the device is pointing to. To demonstrate the use of this feature I built an application that acts as a Compass, it points to the North. This only works on the device.

In this tutorial we will take a look at how we can capture the devices motion in the x, y and z direction. The accelerometer is a motion sensor which detects movement changes relative to the current device orientation. At the end of this tutorial we will make an object move around the screen. This tutorial was made on a Mac using Aptana Studio 3 and was tested on a HTC Desire device running on Android 2.2.

This tutorial presents how to use the Geolocation API from PhoneGap and how to show your position on Google Maps using jQuery Mobile Maps.

In this tutorial we will take a look at the PhoneGap connection object which gives access to the device’s cellular and wifi connection information. We will use this feature to check what type of connection we have active on our device. Also we will take a look at some of the event types for Android and iOS provided by phonegap.

What we will cover with this tutorial: the use of jQuery Mobile form elements, how to add, edit and delete a contact from the device

The main objectives of this first part of the tutorial are: get the device contacts using Phonegap Contacts list the contacts using jQuery Mobile List Views

In this tutorial we will cover PhoneGap Notifications and jQuery Mobile Buttons: A custom yet simple notification. A confirmation notification. A Beep notification. (Only working on the device, doesn’t work in simulator) A vibrate notification. (Only working on the device, doesn’t work in simulator) Buttons basics, icons and themes.

This tutorial shows how to do basic cross-platform mobile app development with jQuery Mobile and Phonegap so you would be able to build portable apps. In this tutorial we will cover the next topics: Setup jQuery Mobile along with Phonegap Create pages with toolbars and navigation Get device information

PhoneGap is a free open source framework which gives you access to native APIs. I’m working on a Windows station, but this can also be done on Linux and OSX. The main advantage to using web technologies with PhoneGap is that web designers and web developers can write HTML5, CSS and JavaScript code and still be able to build Apps for mobile devices without having to learn other programming languages such as C++, Objective C or JAVA. The best part is that you write code once and build for Android, iPhone, Blackberry, Windows Phone, WebOS, Symbian.

In computing, a benchmark is the result of running a computer program or a function, or a set of functions, in order to assess the relative performance of an object, by running a number of standard tests and trials against it. This is a method which can be used to do a relative measure (benchmark) of the Javascript function performance.

A JavaScript tutorial that shows how to to get and modify the content in an IFRAME, using the contentWindow property. The page displayed in the IFRAME must be on the same domein as the main page.

Jetpack is a project to make it easy to build Firefox 4 add-ons using common web technologies like HTML, Javascript, and CSS. The project's goal is to enable anyone who can build a web site to participate in making the Web a better place to work, communicate, and play.

Heres a small tutorial for those interested in jQuery. It teaches you how to delete all items that are selected via a checkbox.

In this tutorial I will show you how to post to a sever side script using jquery and print the results depending on what is returned.

In this 80-minute screencast tutorial you will learn how to create an entire jQuery plugin from scratch capable of adding sorting, paging and more to a simple HTML table. We will explore building a jQuery plugin with multiple methods, default options, looping through tables to gather data, storing data in JavaScript objects, and more.

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.