2009-10-30 4 views
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

Répondre

0

en œuvre les modifications de l'onglet dans la méthode onSelect du jQuery Datepicker.

$('#datepicker').datepicker({ 
    onSelect: function(dateText, inst) { 
     //change the tabs here. 
    } 
}); 
+0

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

Questions connexes