0
J'ai une date de l'interface utilisateur de Jquery et des onglets de l'interface utilisateur affichant des données via AJAX (dans ASP.NET 1.1 ...), je voudrais mettre à jour tous les objets Tabs lorsque je sélectionne un nouveau rendez-vous amoureux.Mise à jour de JQUERY Onglets lors du changement du champ datepicker
Pourrait tout le monde m'aider ?????
Ceci est mon code:
<script type="text/javascript">
function getId(){
var TabSel = $('#tabs').tabs('tabsselect').val();
return TabSel
}
function getDate(){
var dataPick = $('#datepicker').val();
return dataPick
}
$(document).ready(function() {
$.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['it']));
$("#datepicker").datepicker(
{showOn: 'button', defaultDate: '-1w', showDefault: true, buttonImage: 'images/cal.gif', buttonImageOnly: false,
altField: '#alternate', altFormat: 'yymmdd'}
);
$('#datepicker').datepicker({
onSelect: function(dateText, inst) {
//change the tabs here.
$('#tabs').tabs({
spinner: '<b>Caricamento in corso....</b>',
ajaxOptions: { data: { id: getId, seldate: getDate}}
});
}
});
});
</script>
</HEAD>
<body>
<div class="demo">
<p>Data: <input type="text" id="datepicker" value="01/10/2009" ><input type="hidden" id="alternate" >
</p><br>
<div id="tabs">
<ul>
<li>
<a href="Tab1.aspx" id="Tab1">Tab1</a>
<li>
<a href="Tab2.aspx" id="Tab2">Tab2</a>
<li>
<a href="Tab3.aspx" id="Tab3">Tab3</a>
</li>
</ul>
</div>
</div> <!-- End demo -->
</body>
Merci beaucoup.
Alessandro
Merci Esk. J'ai essayé votre code, mais je pense que je fais encore quelques erreurs. J'ai mis à jour ma question avec le code .... Merci 4 votre aide! Alessandro – rossale