Hi,
I would like to know if there's an easy way to build a tabs that
will reload the page when a date is selected in a datepicker fields
(externally to the tab...).
I'm using ajax funtionality to populate the selected tab. Is there
any way to pass also some parameters to the selected tab? The
parameters that i would like to pass to the .aspx page that will
populate the tab are the date and a parameter to choose the query.....
This is my code:
......
.....
<script type="text/javascript">
$(document).ready(function() {
$.datepicker.setDefaults($.extend({showMonthAfterYear:
false},
$.datepicker.regional['it']));
$("#datepicker").datepicker(
{showOn: 'button', buttonImage: 'images/cal.gif',
buttonImageOnly:
false,
altField: '#alternate', altFormat: 'yymmdd'}
);
$("#tabs").tabs({ event: 'mouseover' });
//$("#tabs").tabs($("a.Tab1").attr("href",
"CreateTab.aspx?
Type='A'"));
$('#alternate').change(function() {
$("a.Tab1").attr("href",
"CreateTab.aspx?Type='A'&" & $
('#alternate').val());
$("a.Tab2").attr("href",
"CreateTab.aspx?Tipo='b'&" & $
('#alternate').val());
});
});
</script>
</HEAD>
<body>
<div class="demo">
<p>Date: <input type="text" id="datepicker"><input
type="hidden"
id="alternate" >
</p><br>
<div id="tabs">
<ul>
<li>
<a
href="CreateTab.aspx?Type='A'" id="Tab1" >Tab 1</a>
<li>
<a
href="CreateTab.aspx?Type='B'" id="Tab2" >Tab 2</a>
<li>
<a
href="CreateTab.aspx?Type='C'' id="Tab3">Tab 3</a>
</li>
</ul>
</div>
</div> <!-- End demo -->
</body>
</HTML>
THANKS A LOT !!
Alex
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---