Ajax

TwitterFacebook
Get flash to fully experience Pearltrees
Using AJAX on websites and applications is pretty much taken for granted nowadays. Users expect it. They want to be able to edit a page in-place, they want search queries to be auto-suggested, and they want to be able to submit a form without refreshing the page. Why? Because those things make browsing quicker, easier and, more importantly, enjoyable. As great as AJAX is, though, it is not for every website or application.

30 Fresh AJAX Tutorials And Techniques - Noupe Design Blog

http://www.noupe.com/ajax/30-fresh-ajax-tutorials-and-techniques.html

Fancybox - Fancy lightbox alternative

http://fancybox.net/ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare.
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels) , powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the need for redundant validation functions and processing data. 1) Uni Form – an attempt to standardize form markup (xhtml) and css, "modularize" it, to get nice looking, well structured, highly customizable, semantic, accessible and usable forms. 2) CSS-Only, Table-less Forms – A great example of a well designed form using modern css techniques.

47 Excellent Ajax CSS Forms - Noupe Design Blog

http://www.noupe.com/css/47-excellent-ajax-css-forms.html
TabContainer is an ASP.NET AJAX Control which creates a set of Tabs that can be used to organize page content. A TabContainer is a host for a number of TabPanel controls. Each TabPanel defines its HeaderText or HeaderTemplate as well as a ContentTemplate that defines its content. The most recent tab should remain selected after a postback, and the Enabled state of tabs should remain after a postback as well. TabContainer layout provides option to set TabPanels at top, topright, bottom, bottomright. TabContainer also provides option to set TabPanels at left, leftbottom, right and rightbottom by setting UseVerticalStripPlacement to true.

Tabs Sample

http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/tabs/tabs.aspx

Accordion Sample

ASP.NET AJAX is a free framework for building a new generation of richer, more interactive, highly personalized cross-browser web applications. This new web development technology from Microsoft integrates cross-browser client script libraries with the ASP.NET 2.0 server-based development framework. In addition, ASP.NET AJAX offers you the same type of development platform for client-based web pages that ASP.NET offers for server-based pages. http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/Accordion/Accordion.aspx

Lightbox 2

Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers . Check the CSS and make sure the referenced prev.png and next.png files are in the right location. http://lokeshdhakar.com/projects/lightbox2/#example

TiltViewer XML Gallery

http://www.simpleviewer.net/tiltviewer/support/manual.html An XML gallery will load images that you have uploaded to a web server. Define the images and text for your gallery in an XML file you can create with any text editor. Enter the largest dimension (width or height) of your largest image in the 'maxJPGSize' option. For example if your largest image is 1024 x 768 use this code:
http://coding.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/ Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it’s important to offer it in an attractive and intuitive way. Furthermore, the presentation itself can make images more valuable and simplify the browsing through hundreds of slides.

30 Scripts For Galleries, Slideshows and Lightboxes - Smashing Magazine

http://www.simpleviewer.net/products/ The following image viewers are free to download and use . Use them to display your images on any web page. Pro versions are also available for purchase with advanced customization options. SimpleViewer is a free, customizable image viewing application. Lightweight and easy to use, it features smart preloading, a resizable interface, thumbnail menu and optional description text. TiltViewer is a free, customizable 3D Flash image viewer.

Spectacular image galleries made simple.

Ajax Picture Viewer Examples

http://ajaxphotogallery.com/ajax-picture-viewer-examples.html prototype examples, free javascript, javascript html, transition, js script, polaroid photo, photo slideshow, slideshow script, flickr, slideshow software
The ThickBox JavaScript code and CSS file only add an additional 15k (only 10k by using the thickbox-compressed.js) on top of the jQuery code. The CSS file could additionally be compressed if need be. ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.

ThickBox 3.1

A Simple AJAX Driven Website with jQuery + PHP

Introduction AJAX is abbrieviated from Asynchrounous javascript and XML. It's not a new technology, but the implementation of a group of technologies to achieve a seamless interaction between client and server. Typically, xhtml and css to present the information, javascript is used to handle user interactions, and a server side language to perform the users' requests (and normally return data in XML format, in this tutorial, we won't do that), and it all is happening in the background using the Javascript XMLHttpRequest. Javascript plays a main role tie all these technologies together and create the asynchronous interaction between client ans server.
You will be given specific reading to carry out to cover some of the module aims and you will also need to refer to various other book sources in order to successfully complete classwork exercises.

HomePage