Ajax CSS FORM

Styling form controls with CSS, revisited - 224 screenshots showing the effects of various CSS rules applied to form controls. The screenshots are taken from 8 browsers on 4 operating systems, for a total of 14 different browser + OS combinations.

Cforms - An AJAX Contact form plugin for Wordpress, offering convenient deployment of multiple contact forms throughout your blog or even on the same page.

Jot Form - is a great Web based WYSIWYG form builder. You can select a form type(Contact Us, Satisfaction Survey, Job Application, Suggest Website , Membership Registration, Party RSVP , Wedding Attendance, Reservation, Submit Product, and others).

Styling Forms

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.


CSS-Only, Table-less Forms - A great example of a well designed form using modern css techniques. It works in Win/IE6, Firefox v1.0+, Win/Opera v8.0, has minor layout differences in Mac/Safari v1.0.3 and Mac/Safari v1.2, and is usable but fairly buggered in Mac/IE5.2.


Styling Form Elements
Niceforms 1.0 - is a script that will replace the most commonly used form elements with custom designed ones. One of these improvements would be the possibility of selecting a radio or check box by clicking its adjacent label, it also highlights the labels of the selected boxes to make the selections even clearer and more…



Validation Hints for your form - This article will explain one way of achieving Validation Hints effect while the user type using JavaScript and CSS.

Web Design Templete

Web Design, Develop Free ! Templates

Name terrafirma Added 04.25.08 Type Fixed Width Images Yes Preview | Download	Name bestfriends Added 05.19.08 Type Fixed Width Images Yes Preview | Download
Name zenlike Added 04.25.08 Type Fixed Width Images Yes Preview | Download	Name bookish Added 04.25.08 Type Fixed Width Images Yes Preview | Download
Name supplementary Added 04.12.08 Type Fixed Width Images Yes Preview | Download	Name description Added 04.05.08 Type Fixed Width Images Yes Preview | Download
Name unknown Added 11.02.07 Type Fixed Width Images Yes Preview | Download	Name frozenage Added 11.08.07 Type Fixed Width Images Yes Preview | Download
Name mosaic Added 10.28.07 Type Fixed Width Images Yes Preview | Download	Name balanced Added 09.28.07 Type Fixed Width Images Yes Preview | Download
Name lasvegastoo Added 02.11.2007 Type Fixed Width Images Yes Preview | Download	Name blackfairy Added 01.12.2007 Type Fixed Width Images Yes Preview | Download

For information on how you can use these templates, please read the license page. Many of these templates are also available as WordPress themes. 

AJAX Suggestions

AJAX Suggestions

What is AJAX Suggestions?

AJAX Suggestions is pretty much what you might have seen with Google Suggest. The basic idea is, through AJAX, to give the user an immediate response to what they're typing and displaying the search results their input would generate. AJAX Suggestions is an unobtrusive JavaScript to add that progressive enhancement to your web page, by the usage of two CSS class names to the desired input elements.

It could also be used, for instance, in an online e-mail application where you would want to check a name in a global address book and return the related matches, with the possibility to then adding them to the field element.

AutoCompleter Tutorial - jQuery(Ajax)/PHP/MySQL

I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)!

Demo: Auto Complete Demo

Source ZIP: AutoComplete Source ZIP

AJAX Suggestions - Demo

See AJAX Suggestions in action.  demo 

Ajax Images Gallery

Egypt Gallery

An easy to integrate image gallery using the spry framework. 

Original Photo Gallery

This version uses XML data and inline Spry attributes to generate the markup. This demonstrates how to build a HTML template. It also showcases multiple dependent data sets. With javascript off, it does not degrade gracefully.

Download

slimbox_ex_070221.zip [88kb, library and sample code is included]

Click here  View Sorce 

Slimbox(Extended Version)

Slimbox is Lightbox clone by Christophe Beyls. This extended version has additional features as follows.

• Support to show external content by iframe. You can assign url not only for image but also for general html document.
• Support to set content size. You can add width/height parameter in rev attribute of the anchor url.
  e.g.) rev="width=500, height=300" (For image content, you can also use percent value.)
• Some rendering problem with IE6 is fixed. Now you can use Slimbox in valid XHTML document with XML prolog.
• Of course, license is same as original.(MIT-style)

Download


Image Menu
Javascript and Flash Development
A stunning image menu using the moo tools library. Very easy to use and integrate.

2 optional onClick events - open & close

href passed to onClick events

stays open when clicked

closes when clicked

select item to pre-open

Dowload :

imagemenu.zip 

Visit web  Click here

Slideshow V1.3 with mootools

transition between images.

Fade, Slide and Wipe transitions. Play, Stop, Next and Previous controls! 

    

fade, Slide and Wipe transitions

• loops
• Play, Stop, Next and Previous controls
• Inits from array of image src's, a list of images on the page or using the href of an a tag like the lightbox
• 
  

Dowload :

slideshow.zip

backgroundSlider.js

Visit web Click here 

jQuery Image Stip 

An Image Strip that can be used for fancy visual effects. Be sure to check the demo.

 for Obu Web i’ve found myself spending less time on code I would say meets the definition of AJAX I put in my book and more time 

on code that used to be called DHTML. But I guess I’m ok calling it AJAX, at least its pronouncable and building little JavaScript widgets is fun.

Click here view Sorce code 

Creating Lightbox with Yahoo! User Interface Library

Yahoo! User Interface Library (YUI) provides a very handy class for creating modal dialog box with background masking, which can be used to create lightbox. If you have no idea what a lightbox is, you can run this online demo to get a taste of what it looks like.

Click here Sorce Code

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information  read more....

mooSlide revamp

Finally it's here, the revamp of mooSlideBox - easier to use than ever before, as it now has become a class. There are some options that can influence the look and behaviour of your box. Of course you can also have more than one box on your page! In addition you can now define, from where the box should fly in: from top or from bottom ( sample links show both variants ).

Give it a try:

Toggle slider 1 | Toggle slider 2

Download:

Grab your own copy here