Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Ajax’

NicEdit is a Javascript/AJAX inline content editor that allows easy editing of web ssd/div editable or convert standard textareas to rich text editing.

Tiny HTML Editor

This lightweight (compressed size is <10kb) html editor is integrated into any website in seconds. Inserting a JavaScript code is enough for all textareas to be converted into WYSIWYG HTML editors.

Rabid Ratings is an excellent Mootools based star rating solution which comes with hearts instead of stars by default.

Installing Rabid Ratings is very easy by simply telling the code the database username, password, host address and including a php tag in where we want the ratable item. Rating data is shown in decimals & in heart images Also, the number of votes are displayed too.

Mootools Star Rating

Most AJAX ratings widgets use star and half-star images with mouse over events on each star. Rabid Ratings uses a reverse alpha-transparent PNG as a background image to achieve infinitely complex precision (ie, 1.23 stars) and robust visual effects with a very low overhead.

Starbox is a star rating library built on Prototype Javascript framework which you can use to create most types of star rating systems with 1 png image.

In order to add some extra effects to the star rating code, you can add script.aculo.us as well (sample codes can be found in the Starbox website).

Prototype Star Rating

Some features of Starbox:

  • Re-rating allows you to adjust your previous rating.
  • Easily saving your rating with Ajax using the build in callback.
  • Styling the Starbox based on status (hover, rated and locked).
  • Good seperation of Javascript, CSS and images.
  • A ghosting bar that tracks your average.
  • Batched building of Starboxes based on cached overlay images.

This Asp.Net Ajax Auto-Complete Control which is created by Matt Berseth works similar to Google Suggest.

After you start typing the keyword, Asp.Net Ajax AutoComplete Control starts to offer you results from the dataset and when the keyword is typed results are filtered according to the keyword.

Ajax Auto Complete Asp.Net

Code uses AjaxControlToolkit’s AutoComplete extender for suggesting the values.

The famous Lightbox type information windows are very usable in many cases like showing alerts, giving tips to users, showing media content inside them & many more.

jqModal is also a lightweight window plugin written for jQuery which improves & makes easier the use of windows.

jQuery Alert Window plugin

Features:

  • Inline or remote (ajax/iframe) Window Content.
  • Modal-in-modal and Multiple Independent Modal support
  • Tailor behavior "on-the-fly" with easy to understand parameters and callbacks
  • DOM element events are preserved, remote (ajax) javascript is evaluated
  • Translator/i18n friendly; no hardcoded English strings
  • Designer Friendly; abstracted HTML, CSS, and Javascript
  • Support for Drag’n'Drop + Resizing
  • Extendable through callbacks to make anything (gallery slideshows, video-conferencing, etc.) possible

 

Validating forms as users type is a nice feature for users, it lets them see when they make a mistake.

An ajax live form validation library, LiveValidation is not only a form validation library, it can also be used for other types of validations.

Ajax Live Form Validation

The naming conventions and parameters of the validations are similar to those found in the Ruby on Rails framework, and as such is the perfect client-side companion. Don’t worry if you dont use Ruby on Rails though, LiveValidation can be used anywhere you like, is simple to learn, and a joy to use.

LiveValidation has standalone and prototype.js versions for download.

Macromedia Flash & ajax, by default, has lacking seo features as there is, normally, only 1 url address for all the contents within these web applications.

A seo & deep linking solution for flash and ajax is SWFAddress that is developed by Asual.

Seo For Flash & Ajax

SWFAddress is a small, but powerful library that provides deep linking for Flash and Ajax. It’s a developer tool, allowing creation of unique virtual URLs that can point to a website section or an application state. SWFAddress enables a number of important capabilities which are missing in today’s rich web technologies including:

- Bookmarking in a browser or social website
- Sending links via email or instant messenger
- Finding specific content with the major search engines
- Utilizing browser history and reload buttons

Seo & deep linking for Silverlight is on the way. There is already an example for Silverlight.

Relay is an awesome ajax file & folder manager which functions like a ftp client software.

You can drag & drop files to download or upload them. Browsing is fast with the non-refreshing ajax interface. One of the best features is adding the files to your download basket & downloading or sending them by e-mail.

Ajax File Folder Manager

Features of Relay includes:

- drag-n-drop files and folders
- dynamic loading file structure
- upload progress bar
- thumbnail view, including pdf
- multiple users & accounts

Ajax Image GallerySlideflow is a slideshow-like ajax image gallery created by Nicholas T.

  You can drag the Slideflow using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation!

Ajax Image Gallery Slideshow

Technical background:

The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions (included in the download).

Kevin Hoy is sharing 40+ Adobe AIR Beta 3 Ajax samples with us.

Samples include:

- Accessing data in the embedded SQLite database
- Updating data in the SQLite database
- Asynchronously reading text from a local file
- Creating basic custom chrome
- Connecting to the SQLite database
- Adding custom window controls to custom chrome
- Encoding a PNG using a Flash library
- Full SQLite database example (create, read, update, delete)
- Selecting a directory
- Encoding a PNG using a JavaScript encoder
- Selecting a file from the local disk
- Dragging files into an AIR application
- Applying Flash filters to HTML content
- Creating a full screen window
- Getting a list of files from the system clipboard
- Testing connectivity to an HTTP endpoint
- Save images of Yahoo! Maps to local disk as PNG
- Custom chrome example using assets from Meebo
- Selecting multiple files from disk
- Creating a new native window
- Drag complex content from AIR to native resource
- Putting files on the system clipboard
- Remembering user login with AIR encrypted local store
- Using Flash Remoting from JavaScript
- Scaling down a selected image
- Determining the dimensions of an image
- Capturing web cam images for a slideshow
- Testing connection to any socket endpoint
- Playing a sound file
- Simple stopwatch application with custom chrome
- Storing data in a SQLite database
- Synchronously reading a text file from disk
- Creating database tables in a SQLite database
- Creating a temporary file
- Dragging text from the system into an AIR application
- Extracting the EXIF thumbnail from a JPEG image
- Uploading a file in the background
- Creating a basic popup window
- Writing text content to a local file
- Reading XML data using XMLHttpRequest (XHR)

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com