ajax

FancyBox-Jquery :: A Fresh and fancy lightbox plugin using Jquery

0

Why? Because I was bored by so many pages using lightbox and it`s clones, I wanted something fresh and Mac-like. I couldn`t find any cool alternative that would be build on top of jQuery, so the FancyBox was born. Features:

  • Automatically scales large images to fit in window
  • Adds a nice drop shadow under the zoomed item
  • Groups related items and adds navigation through them (uses preloading)
  • Can display images, inline and iframed content
  • Customizable through settings and CSS

Examples:http://fancy.klade.lv/Download:http://fancy.klade.lv/fancybox/fancybox_1.0.0.zipTechnorati Tags:

26 Best ways to implement AJAX, CSS and Javascript based Tabs

0

Recently I was surfing the web for the best AJAX and CSS based tabs, menus for one of my project. In the process,I found some really good resources from fellow developers and thought to share the same with you all.

As you are aware that there are countless resources available on every topic in the world of internet but only a handful of them are utility types. As a result it is really hard at times to find the right resource from millions of websites which really suits our need. Keeping this predicament of my fellow developers in mind, I came up with this list which will really prove to be helpful to all of you.

Here is the list of examples are arranged randomly, show some love and Digg it if you really like it

AJAX Tabs (Rails Redux):

Source: More >

jquery calendar plugin

JQuery Plugins | Calendars, Date Picker and Time Formatting Plugins

0

jQuery is one of the most popular Javascript library. It’s easy to use, flexible, and most of all there’s a lot of jQuery tutorials and plugins available out which ease the the creation of dynamic effects and web controls. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like WordPress, joomla and Drupal.

Recently, we reviewed couple of jQuery calendar, datePicker/dateSelector and timestamp formatting plugins. It is time to compile these widely used jQuery date/time plugins in a post. So this post is a collection of amazing jQuery Calendar, DatePicker and timestamp formatting plugins.

1. FullCalendar – jQuery Event Calendar with Drag’n Drop, Ajax Fetching and Google Calendar Integration

FullCalendar is a jQuery calendar plugin that provides full-sized, drag and drop capable calendar. It utilizes Ajax to fetch events on the fly. It is easily configurable to use More >

jQuery Form Plugin - FormToWizard

jQuery Plugin – Form To Wizard

0
FormToWizard jQuery Plugin turns a long web form into a wizard

If you have a large web form with semantically dividable sections, we can say that each section represents a sub task of a larger task of filling the entire web form. In order to increase useability, each sub task can become a step with a description, form fields and navigation that is common for wizard forms – back and next. The entire process can be done in several simple steps.

FormToWizard Plugin works on fieldsets within a form and convert them to wizard steps

This plugin has only 2,3KB and with compression it can be even smaller. It is compatible with all major browsers: FireFox, Google Chrome, Safari, Opera, Internet Explorer 8, 7 and 6.

Before FormToWizard jQuery Plugin
After FormToWizard jQuery Plugin

More details about the implementation and jQuery Plugin can be found here.

.NET Style String Formatting with jQuery – Javascript Function to Support Token Replacement within a String

0

Here is a quick jQuery Plugin Announcement:

String concatenation and formatting are common aspects of almost every development effort. However, the combination of single and double quotes, along with escape characters, text, and plus signs (+) can be a bit overwhelming and difficult to remember. The .NET Framework provides a much cleaner approach with the String class’s Format method. It allows you to create string values by specifying insertion points for other values as well as special formatting.

String.Format(“Hello {0}”, “world”);

The string formatting approach described above can now be used with Javascript using a jQuery Plugin: .NET STYLE STRING FORMATTING – a simple and clever function to support token replacement within a string.

Given a string like “Hello, {0}” and calling the format function with a single argument like “world”.

var result = $.format(“Hello, {0}”, “world”);

The result variable will be set to “Hello, world”.

The function will support More >

jQuery.popeye: A Lightbox Alternative

Great Lightbox Alternative jQuery.popeye

0

Lightbox is the first unobtrusive script that allowed us to display enlarged versions of images embedded in web pages without displaying pop-ups or leaving the page. Basically, lightbox adds a semi-transparent layer to the page which contains the enlarged image centered.

jQuery.popeye: A Lightbox Alternative

jQuery.popeye is an image gallery which is an alternative to the famous Javascript Lightbox, that offers consistent look & feel with the rest of your website. When compared to other Lightbox alternatives, it is more integrated into the flow of the web page. It offers a box with a small preview image with caption, the possibility to flip trough an array of more thumbnails and to show an enlarged version in the same place.

jQuery.popeye: A Lightbox Alternative

The plugin transforms an unordered list of images into a box displaying only one preview image at a time. The box has More >

Google Reader loading more items

How To Create Dynamic Scrolling Content Box Using AJAX?

0

If you have used Google Reader, then you might have noticed the way Google Reader shows feed items, it loads up few items first when you click on a feed and as you scroll down to view more items, it fetches more items dynamically and adds it to the list. (more…)

Awesome Collection of JavaScript for Web Designers

0

I just found awesome collection for JavaScript from “WebDesignerWall”, really according to today’s trend JavaScript is must have enhancement of all web designers. Rather than the flash web designers can create flashy effects using low KB JavaScript and most useful thing it helps a lot in SEO if we use JavaScript for animation rather than Flash.

Here is that great list…

(more…)

Go to Top