[AJAX] datepicker et focus

Bonjour,

sur une application, un utilisateur peut sélectionner une date grâce à une fonctionnalité javascript (datepicker).
Tout marche sauf le fait que la tabulation pour passer à l'autre champ ne marche pas. On m'a conseiller de regarder du coté de la fonction focus, mais je ne sais pas comment résoudre ce problème.

la fonction de datepicker est la suivante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
function sendData(param, page, id){
	if(document.all){
		//Internet Explorer
		var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
	}else{
		//Mozilla
		var XhrObj = new XMLHttpRequest();
	}
 
	//définition de l'endroit d'affichage:
	var content = document.getElementById(id);
 
	XhrObj.open("POST", page);
 
	//Ok pour la page cible
	XhrObj.onreadystatechange = function(){
		if(XhrObj.readyState == 4 && XhrObj.status == 200){
			content.innerHTML = XhrObj.responseText ;
			$('.champ_date').datepicker({
				dateFormat: 'dd/mm/yy',
				firstDay: 1,
				changeYear: true,
				   onClose: function() {
                    this.focus();
                }
			});
 
 
 
			$('#ville_liste').autocomplete({
				source: '../ajax/liste_autocomplete.php?val=ville',
				minLength: 3,		
				select: function(event, ui) { 
					$("#id_ville").val(ui.item.id);
				}
			});		
		}
	}
 
	XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-15');
	XhrObj.send(param);
 
 
}

et l'appel de la fonction est celle-ci:

Code:

1
2
<label>Début de début: </label> <div class="saisie">
		<input name="date_debut" id="date_debut" class="champ_date" type="text" size="10"/>

merci d'avance pour votre aide :)