odea/public/themes/default/scripts/scripts.js

$(document).ready(function(){

	$(".tooltip").qtip();
	$('.tooltip').each(function(){
		var title = $(this).attr('title');
		var width = $(this).attr('wdth');
		$(this).attr('title', '');
		$(this).qtip({
			solo:true,
			content: title,
			style: {
				width: width,
				classes: "ui-tooltip-cream"
			},
			position: {
				at: $('#at').val(),
				my: $('#my').val(),
				viewport: $(window),
				adjust: {
					method: $('#adjust_method').val(),
					x: parseInt($('#adjust_x').val(), 10) || 0,
					y: parseInt($('#adjust_y').val(), 10) || 0
				}
		  }
		});
	});
	
	$(function() {
		$( ".datepicker" ).datepicker({
			showOn: "button",
			buttonImage: "/themes/default/images/calendar.png",
			buttonImageOnly: true
		});
		$( ".datepicker" ).datepicker( "option", "dateFormat", "yymmdd" );
	});
	
	$('.printCritere').change(function(){
		$('#'+$(this, ':selected').val()).css('display', 'block');
	})
	
	$('.accordion .head').click(function() {
		$(this).next().toggle('slow');
		return false;
	}).next().hide();
	
	$('#tabs').delegate('select.criteres', 'change', function(e){
		e.stopPropagation();
		set($(this).attr('name'), $(this, ':selected').val());
		$('#'+$(this).attr('name')).css('background-color', '#97DB70');
	});
	
	$('#tabs').delegate('input[type=checkbox].criteres', 'click', function(e){
		e.stopPropagation();
		set($(this).attr('name'), $(this).val());
	});

	$('#tabs').delegate('input[type=radio].criteres', 'click', function(e){
		e.stopPropagation();
		set($(this).attr('name'), $(this).val());
	});
	
	$('#tabs').delegate('input[type=text].criteres', 'blur', function(e){
		e.stopPropagation();
		set($(this).attr('name'), $(this).val());
	});
	
	$('#tabs').delegate('a.interval', 'click', function(e){
		e.preventDefault();
		var key = $(this).attr('id');
		var values = $('input[name='+key+'1]').val() + ',' + $('input[name='+key+'2]').val();
		set(key, values);
		return false;
	});	
});

function set(key, value)
{
	$('.comptage').css('display', 'none');
	$('.attente').css('display', 'block');
	$.post('/comptage', { cle:key, valeur:value}, function(data, status) {
		$('#count').html(data.count);
		$('#insee').html(data.insee);
		$('.attente').css('display', 'none');
		$('.comptage').css('display', 'block');
	}, 'json')
	.error(function(){ alert('error'); });	
}