• Home
  • Posts RSS
  • Comments RSS
  • Edit
Blue Orange Green Pink Purple

Development Space - Tips and Tricks

WEB....DEVELOP.....DESIGN.....TIPS....TRICKS....PHP....JQUERY.....JAVASCRIPT

jQuery Event Calendar Plugin: jMonthCalendar

jMonthCalendar is a jQuery plugin for creating an event calendar which displays the calendar as a month-view.
Once the plugin is initialized & events array is mentioned, the calendar is ready. But jMonthCalendar offers extension points which makes it possible to interact with it like adding events, changing the month & more.


The calendar supports multi-day events & drag’n drops for updating event dates easily.
It can be browsed by months & years with the prev-next links. And, the plugin uses the beautiful DateJS library for date functions

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.bytecyclist.com/projects/jmonthcalendar/
Demo: http://www.bytecyclist.com/SourceCode/jMonthCalendar...
Download: http://code.google.com/p/jmonthcalendar/downloads/list
於 Tuesday, May 17, 2011 0 意見
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
標籤: JQuery

Drag’n Drop Calendar With jQuery: FullCalendar

FullCalendar is a jQuery plugin for creating a full-sized calendar with drag’n drop support that can fetch events via Ajax requests on-the-fly.
It can be easily configured to use your own feed format (an extension is provided for Google Calendar).


The plugin does not come bundled with features like "changing an event’s name or time" but has hooks for user-triggered events that makes it possible to add such features.
The calendar’s look/feel can be customized via CSS & it is well-documented.

Requirements: jQuery, jQuery UI
Compatibility: All Major Browsers
Website: http://arshaw.com/fullcalendar/
Download: http://arshaw.com/fullcalendar/download/
於 Tuesday, May 17, 2011 0 意見
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
標籤: JQuery

jQuery Table Drag’n Drop Plugin

jQuery Table Drag and Drop plugin simply adds drag’n drop functionality to tables.
Table drag’n dropping can’t be handled by standard drag’n dropping utilities as you need to move the whole row, not just the cell that receives the mouse events and re-parenting the row also requires specific code.

This drag and drop plugin:

  • Allows the user to reorder rows within a table.
  • Individual rows can be marked as non-draggable and/or non-droppable.
  • Rows can have as many cells as necessary and the cells can contain form elements.

Standard usage is very simple:

$("#table-1").tableDnD();
After every drag’n drop event the new ordering values of the columns are returned as an array which you can send it as an Ajax query for updating the database.

Requirements: jQuery 1.2+
Compatibility: All Major Browsers
Website: http://www.isocra.com/2008/02/table-drag-and-drop-jq...
於 Tuesday, May 17, 2011 0 意見
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
標籤: JQuery

jQuery File Upload Plugin With Drag ‘n’ Drop Support

jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads.
The plugin is based on open standards like HTML5-JavaScript and doesn't use Flash. For legacy browsers it falls back to an Ajaxed-like iframe-PHP solution.














Multiple files can be selected, they can even be drag 'n' dropped from the desktop and the upload process can start automatically or with an event (like clicking the "upload" button).
A progress bar can display the status and uploads can be canceled anytime.
It is possible to use multiple instances of the plugin in the same page and jQuery File Upload is compatible with any server-side application platform.

Requirements: jQuery, jQuery UI
Compatibility: All Major Browsers
Website: http://aquantum-demo.appspot.com/file-upload
Download: https://github.com/blueimp/jQuery-File-Upload
於 Tuesday, May 17, 2011 0 意見
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
標籤: JQuery

Drag And Drop Everything With 30 Handy jQuery Plugins

Do you want to become drag and drop feature expert? Then look no further – this article is just for you! Mostly these plugins are written in jQuery,  and they are super easy to customize and implement in your own projects very fast. Why such plugins are so handy? You can give your visitors a lot more customization options, they can virtually personalize your website or tool to suit it better for their needs. And you must know – people love it, I love it myself!
Ready to drag and drop into this article?

Drag And Drop Everything With 30 Handy jQuery Plugins

1. Superfun

It creates a superior Lightbox that allows for AJAX injection, SWF content, iFrame content, and utilizes the new CSS3 transform property to mimick a Flash enviroment, while completely avoiding Flash.



Read more »
於 Tuesday, May 17, 2011 0 意見
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
標籤: JQuery

55 Super Powerful jQuery Navigation and Menu Plugins

Navigation is one of the most important elements in web design. It has to be neat, usable and creative at the same time in order to not scare your visitors away. jQuery is one of the most powerful tools to enhance your navigation and make it stand out. With jQuery you can bring together both the creative and usable. This article will cover 55 fresh and superb jQuery plugins that will make your menus look awesome. Note that all of the listed plugins have been released in the last six months.
55 Super Powerful jQuery Navigation and Menu Plugins

1. mb.verticalSlider

Mb-vertical-slider-jquery-navigation-menu-plugins
Read more »
於 Tuesday, May 17, 2011 0 意見
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
標籤: JQuery

Spritley


Demo | Link
A fantastic plugin to create a truly inspiring sliding header, giving the illusion of flash, without flash itself!

jQuery Spritely

jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It's a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.

You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you'll see what we mean).

Spritely has the following great advantages

  • it works well on iPhone/iPod Touch/iPad - check out this page on an iPhone.
  • It has been tested successfully on all the major browsers - even Internet Explorer 6
  • it's a great alternative to Flash if your desired platform does not support it.
  • it's light-weight so you can do fill the whole window with movement without draining bandwidth.
  • animated objects can also fly above the text of a web page, or you could animate a background, without affecting other elements on the page.
  • you should be able to make fully accessible web pages in pure html and javascript without any problem
於 Tuesday, May 17, 2011 0 意見
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
標籤: JQuery
Newer Posts Older Posts Home
Subscribe to: Posts (Atom)

Development Space

  • About
      A Cool General Website Development Tips and Tricks. Check out out cool web development tips and tricks. Our tips range from design and programming
  • Category

    • JQuery (15)
    • MYSQL (2)
    • PHP (3)

    Blog Archive

    • ▼  2011 (22)
      • May (22)
    • ►  2008 (1)
      • April (1)

    Total Pageviews

  • Search






    • Home
    • Posts RSS
    • Comments RSS
    • Edit

    © Copyright Dev Space Tips. All rights reserved.

    Back to Top