Website Ideas » ajax

Sliding login panel with jQuery

admin — Tue, 22 Feb 2011 17:30:46 +0000

Came across this great script for slide down login

This script is based on a previous script “Show/Hide Login Panel with Mootools 1.2″ but now works with jQuery 1.3.2 instead of Mootools 1.2.

Please note the Login and Register forms in this demo will not work “out of the box” without a user login system pre-installed on your site (e.g. PHP/MySQL user login system)! However, most of the CMS such as Joomla, Drupal, WordPress, etc have a login system integrated in their platform. So if you are using one, read their documentation to see how you could implement this script into your CMS.

Demo and Download

Facebook Style Footer Admin Panel Part 2

admin — Mon, 17 May 2010 18:42:40 +0000

This is Part 2 of the Facebook Style Footer Admin Panel, if you haven’t checked out Part 1 this is the perfect time to check it out.

The footer panel can be useful for admin driven applications and much more. There are many useful techniques that we covered today like the fixed footer, CSS tooltips, height calculation function, and multiple toggle function, that can be used in various ways for your future projects.

Read how to do it!

jQuery lightBox plugin

admin — Mon, 17 May 2010 18:32:22 +0000

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

lightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar.

The better way to know what is jQuery lightBox plugin, click the Example tab above and see it in action.

Download here: http://leandrovieira.com/download/7/

jQuery Form Field Validation Plugin

admin — Mon, 17 May 2010 18:15:14 +0000

jVal is a jQuery form field validation plugin that provides an appealing animated message flyout that doesn’t impede form layout/design while being user-friendly.

FEATURES

Current development version is only 8KB and 5.8KB minified
Check validity of field values within a certain container or block element based off simple INPUT tag attributes
Easy configuration of validity checks per field as per attributes in the INPUT tag
Check the validity of all fields within a certain container with a single function call
Check the validity of a single field when the user clicks away firing the onBlur event
Prevent the user to input specific characters into the field and notify them it’s not allowed

ASSETS As they currently reside on Google Code

jVal.js – LATEST – core jVal jQuery plugin code
jVal.css – drives the style of the jVal flyout notifications
jVal.html – demonstration html instantiating jVal
remaining assets – graphics

Demo : http://www.overset.com/2008/07/31/jval–jquery-form-field-validation-plugin/

Creating Slick Forms Using Ajax, jQuery & CSS

admin — Sun, 16 May 2010 17:48:10 +0000

Here is 10 Impressive techniques using some jQuery magic to spice up those old registrations forms and any form you might have on your website.

View them here!

Facebook Style Footer Admin Panel Part 1

admin — Sun, 16 May 2010 16:25:30 +0000

Learn how to recreate the Facebook footer admin panel with CSS and jQuery. Facebook has many Ajax driven features and applications that are very impressive, and one of the things I particularly like is the footer admin panel, where it neatly organizes frequently used links and applications.

Read how to do it !!!!

Ajax Availability Calendar

admin — Thu, 26 Nov 2009 05:55:55 +0000

An open source project available for all to use and develop. Using AJAX to update in real time an availability calendar. This script is great and is ideal for hotels or apartments. We at present are busy building a Sobi2 plugin using this module and will soon be available for download at Website Ideas.

Some great features that it has!

# A very simple php/ajax script that can be used as an availability calendar for hotels/apartaments etc.
# This panel would be the admin panel where the owner could update the availabilty for each day.
# It would be a simple matter of reproducing this without the links for the public availability calendar (ie without the possibility to modify the day status)
# It uses AJAX to change the days state without having to reload the page – just click on any day to change it’s state.
# The script with all the files including the images used can be downloaded in this zip file

Demo here! Download here!

Web applications user interface library

admin — Fri, 10 Oct 2008 08:17:57 +0000

Being a big fan of web interface library’s, i stumbled upon a web application user interface that uses mootools as its framework. called MochaUI. This can be used for web applications, web desktops, web sites, widgets, Standalone Windows and Modal Dialogs. I’ve personally set this ui up to see what MochaUI was made of, and to my surprise she meet with my approval, so i thought i would share it.

Please note that mootools is needed along with this script.

Mootools

Mootools is an Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.

Please click here to view demo

To download MochaUI click here

Great Ajax Scripts to make that website idea happen

admin — Sun, 29 Jun 2008 07:18:27 +0000

Stumble can be a great tool. Today we look at different Ajax scripts from AjaxDaddy and what they can really do for us. With Ajax scripts and tools you will be able to create flickr-like Editing Fields Using AJAX & CSS, Auto Suggest class adds a pop down menu of suggested values to a text field and simply rotate images with some accompanying links.

Demonstration of the Dojo Fisheye Widget

Another implementation of the fish-eye menu – dock menu.

This script makes it easy to create a sliding carousel component. Flashy style.

dhtmlxGrid is a Ajax-enabled JavaScript grid control.

The TripTracker slideshow is a lightweight custom made JavaScript image gallery.

iCarousel is an open source (free) javascript tool for creating carousel like widgets.

This is an image magnifier javascript script.

To download these fantastic scripts please visit http://www.ajaxdaddy.com/