New Scripts | JavaScript

Cross browser form gadget that replaces chosen input tags with a CSS3 styled slider. The sliders can be styled with CSS1-3 and has no image files. Works in major browsers and with HTML3, HTML4, HTML5. No programming skills needed. Features includes: * no javascript frameworks needed * keyboard control * extended mouse control * HTML5 and CSS3 compatible and optimized * validating HTML and XHTML * visual feedback * multiple styling options * single global namespace * works with or without popular javascript frameworks * graceful degradation for no script users

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.

From this tutorial you will find out how to play and record files from your device. After reading this tutorial you will be able to build your own Audio Player and Audio Sound Recorder using PhoneGap and jQuerry Mobile.

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 will cover a basic photo gallery app. You will learn how to use jQuery Mobile grid layout, how to get files from the device’s file system and list them and how to show a picture. Using PhoneGap and jQuerry Mobile technology you can build portable apps that will work on Android, iPhone and other mobile phone OSes.

In this tutorial we will access the device’s default camera application, the photo library and we will record a video with PhoneGap. Also at the end we will do a basic crop on a selected image from our gallery using HTML5 Canvas and JavaScript.

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.

Fading XML jQuery Image Scroller Gallery & Slideshow. jQuery Image Gallery Features: Simple and clean Easy to adjust the jQuery image gallery through XML file (image width / height, text description, links) AutoPlay / Previous / Next buttons Time period adjustable from the XML file (in seconds) Menu thumbnails size adjustable from XML Image titles, mirror and roll over coloring support Highly customizable skins and HTML / CSS driven description text box Set external URL links for images

Visually generate professional drop downs with speed and ease. Apply automated flow and sizing options to items, subs, and columns Get a quick start with 100’s of template variations and tweaking options.

Modern Menu was designed and developed to be a modern, flexible, easy to use and customize menu. It is perfect for creating a quick and dynamic menu to use for your site. It comes with 8 different looks to choose from. It has a clean and modern design. It is very flexible and easy to use. It offers 7 different types of dropdown menus that can be used and customized. It displays smooth transition effects when interacting with the mouse. The code is standards compliant, clean and easy to use.

This object can validate form inputs according to the CSS class. It uses the jQuery library to traverse the list of inputs of a form and performs validations of types defined in the CSS class attribute of each input. Currently it supports validations of types: required, email, date, time currency, numeric, alphanumeric, alphabetic, state, zip code and URL. If the fields are invalid an error message is displayed inside a page element for displaying validation errors.

Often page title is not known at the time page header is generated. This script will automatically generate page title from other part of the page. Especially useful for pages that are dynamically modified.

Because the address bar is page element with most attention on it no one will miss your animated message displayed in it. The advantage of this plugin is that its animations looks the same in all major browsers and cannot be blocked in any way. Not like pop-up windows or flash ads. Therefore, this plugin is meant to be used for simple text ads. Because it is based on jQuery it is very easy to setup and adapt to your requirements. This is exactly the solution that best serve to promote your product or service.

This plugin is meant to replace the old server based Facebook multi friend selector component. It is used to display a list of friends using the Facebook JavaScript API. Then user can select a few people and send them a message for example. The output of Facebook Friend Chooser plugin can be user names or user ID or whole user objects obtained by Facebook Graph API