Get date picker free calendar jquery

Description

Tigra Calendar is a free cross-browser JavaScript Calendar control, it improves the user experience by enabling a drop-down calendar for date fields in web forms.

Features

LIVEDEMO

• Easy to use – no programming skills required
• Small footprint – no need to add large JavaScript framework if all you need is date picker
• Easy customization and styling via CSS
• Simple localization
• Attaches to existing form fields, plays nicely with existing styling
• Can be attached dynamically – perfect for AJAX applications
• Supports any date format similar to PHP’s date(..) function
• Efficient, well formatted code full of code snippets to borrow – great learning source
• Works in all modern browsers including mobile platforms
• Can be used in any kind of web applications (PHP/ASP/CGI etc.)
• Public domain software – FREE to use any way you want

Benefits

• Fast and simple date entry improves user experience
• Use of the calendar eliminates date formatting errors
• Invalid dates such as February 30 can not be entered via the calendar

Setup

1. Upload calendar files to your website
2. Link calendar resources (JS and CSS) to your pages
3. Add class=”tcal” to text input(s)

How I chenged checkbox bg color on when it is checked?

Your are not setting the color on the label but on the checkbox. jQuery makes it easy for you to select / traverse DOM elements (and also helps clean-up a lot of unnecessary IDs), see this fiddle :

$('input[type=checkbox]').change(function(){
    if($(this).prop('checked')){   
        $(this).parent().css('backgroundColor', '#bff0a1');
    }else{
        $(this).parent().css('backgroundColor', '#eee');        
    }
});

Live Example

Auto Load More Data On Page Scroll jQuery PHP

Database records automatically when user scrolls down to the bottom of the page? The technique can be seen in Twitter, Facebook and several other websites. Let’s use examples from previous article, with some modification we can create Ajax based auto loading script, which loads records when user scrolls to bottom of the page.
Read More