background preloader

jQuery Countdown

jQuery Countdown
The countdown functionality can easily be added to a division with appropriate default settings, although you do need to set the target time. You can also remove the countdown widget if it is no longer required. Default countdown: 331Days6Hours34Minutes12Seconds The defaults are: Text is in English Format is 'dHMS' Days are shown if needed Hours/minutes/seconds are shown You can override the defaults globally as shown below: Processed fields are marked with a class of hasCountdown and are not re-processed if targetted a second time. A note on Date - the JavaScript Date constructor expects the year, month, and day as parameters. You can control how the countdown is presented via the format setting. Don't show days: 119Hours59Minutes58Seconds Don't show seconds: 5Days0Hours0Minutes Don't show either: 120Hours0Minutes Pad with zeroes: 04Days23Hours59Minutes58Seconds Compact version: 4d 23:59:58 Minimal compact version: 120:00 For targets further in the future, there are more presentation options. <?

Related:  jQuery

25 Amazing Examples of JQuery Carousel sliders Plugins JQuery Carousel sliders are extremely vital for all business portfolios and website templates. Both full screen image sliders and horizontal carousel image sliders go well with any website design and work perfectly well with each other. Considering the size of the website, the slider size may vary in a way that the slider should be one by third of a website page. 50 jQuery Plugins for Form Functionality, Validation, Security and Customisation Lets be honest, forms can be a pain in the ass to fill in. And for developers? There an even bigger pain in the ass to build. No one really likes them, as such, the most difficult challenges that a developer has to take on, when it comes to forms, is not only how to build a form that is easy and quick for the user to use, but also make it as accessible and usable as possible. Its not easy. In this article we have collected 50 jQuery plugins to help you build powerful forms.

SimpleModal / Eric Martin / Overview SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development. Usage SimpleModal provides 2 simple ways to invoke a modal dialog. 40 Free jQuery, CSS3, HTML5 Upload File Form Script Designs Today, the design industry has become the fastest growing industry, creative and new websites are being made every single day, by pushing the limitations of CSS and HTML in almost every direction. CSS has become a long way for formatting any structured content. It used to control by the layout for precisely to apply in the documents. Modern websites are made and designed to provide several types of interactions to the users, CSS3 is mostly uses in these situations. To give the designers more interoperability and flexibility, CSS3 is considered the next major platform. Below you will find some best handpicked free handpicked HTMLS, CSS3, and jQuery upload file form script designs which may come in handy for your own websites or for designed projects.

30 Fantastic New jQuery Plugins With jQuery now being used in over 40% of all web sites, the demand for up-to-date and feature-rich plugins has never been greater. Thankfully, the community has always met its popularity head on by offering a constant influx of new jQuery plugins that constantly push the boundaries of functionality even-further. We haven’t actually had a good look at plugins in quite a while, so today, we thought we would bring you up-to-date with some of the latest and greatest. CodeExplorer

Creating a login form with jQuery View Demo Creating a login (or any form for that matter) can be trickier than it looks. After all how difficult can two text boxes a button and some labels be? How to detect if a font is installed (only using JavaScript) In the pursuit of an idea I had recently, one tiny feature of the web site would be to detect whether the user had X font installed. I’ve looked at flash solutions, since a SWF had access to enumerate the fonts, but ultimately if it could be done without flash, it would/should be faster and smarter. So here’s my pure JavaScript (okay, and a little CSS) solution: font.js Usage Include the font.js script in your page. It relies on jQuery so include that somewhere too.

Top 30 Free jQuery Navigation Menus jQuery makes the development a lot easier and convenient, and it’s use is becoming ever so popular on the smallest elements on your website. Today we are talking about jQuery navigation menus. These menus are not just about plain text that is linked to redirect you to a specific page. Sort &amp; Vote – A jQuery Poll Martin Angelov Today we are going to make a draggable sort & vote poll, that will enable our website visitors to choose their favorite tutorial from the site. After they vote, a friendly CSS chart will show them how the tutorials are ranked and the total number of voters. To achieve this, we will be using jQuery, jQuery UI, PHP, CSS & MySQL.

My favorite jQuery Plugins Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.ArgumentOutOfRangeException: startIndex cannot be larger than length of string. Parameter name: startIndex Personal projects Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase, or signing up for a website. They are the basic, and pretty much the only way of gathering information on the web. You basically know a web form when you see one as they always look the same and they’ve kept this look over the years. Try as hard as you might but web forms can only change their appearance so much.

Egg.js - A Simple Way to Add Easter Eggs to Your Site Egg.js is a simple JS library that has no prerequisites and allows you to easily add web easter eggs by watching the user's key strokes. Type the Konami code (up, up, down, down, left, right, left, right, b, a) to test it out. Example It's really easy to use. Just include the egg.js file on the page...