Autosuggest / Autocomplete with Ajax
The AutoSuggest class adds a pulldown menu of suggested values to a text field. The user can either click
directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the enter key. The values for the suggestion list are to provided as XML, or as JSON (by a PHP script, or similar).
Ext Menu Widget
In this tutorial we will have a closer look at the Ext Menu widget. We assume you already read the Introduction to Ext tutorial. If not, you might want to begin reading that first. The Menu widget is one of the latest additions to
the Ext library. It consists of several classes, wich together will make it able to build a menu with just a small block of code.
Ajax Tabs Content
Script
This tab content script uses Ajax to let you display a selection of external content on your page inside a DIV and via CSS tabs! We got our inspiration for this script from Yahoo’s new homepage, which employs such a concept to show news in an organized fashion.
Monket Ajax Calendar
An Ajax enabled online calendar. Drag and drop events to change dates, drag the start/end of an event to create multi-day events, create and edit events without refreshing the page, all with an iCal style interface.
This release now works in all major browsers (Firefox, Opera, Safari, and Internet Explorer). IE support still has a few bugs, namely the previous/next month links not working, and the need to click on a multi-day event before you can resize it.
Prototype Window
This javascript class allows you to add window in a HTML page.
This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory.
It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine.
Unobtrusive AJAX Star Rating Bar
This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh. It is a major improvement on the previous version because it is now unobtrusive, meaning that if Javascript is off it will still work (although the page will refresh).
Ajax Login System
This is an example of a login system that does not require page refreshes, but is still very secure. Valid usernames and passwords for this demo are user1/pass1 and user2/pass2. Try these, and also incorrect passwords to see the results.
Image Preloader
A very good way of keeping that visitors on your page until the server finishes the job is by displaying a javascript image preloader. As it’s named it will preload some content. The page will display a friendly image of your choice and I recommend some Ajax loading images which are very stylish and so often used and searched on the web today.
Ajax SyntaxHighlighter
The idea behind SyntaxHighlighter is to allow insertion of colored code snippets on a web page without relying on any server side scripts.
Intended primarily at for bloggers. However, I have seen some source web sites using it as their main display of source code.
amCharts
Pie & Donut chart is very universal and fully configurable flash chart. Using it you can easily have good looking, animated pies or donuts on your web site.
If you like this post, you could subscribe to full feed RSS. You can also subscribe by Email.
Leave a Comment