[jQuery] jQuery UI Tabs (Selected tab item)
Hi all!
Currently I haven't coded JS, so I don't know how to solve my problem.
So, I'm using jQuery UI Tabs (http://stilbuero.de/jquery/tabs_3/)
and I encountered with problem. I need to get an ID or something else
of currently selected tab and send it to PHP.
The code is:
<script src="../tabs/jquery-1.1.3.1.pack.js" type="text/javascript"></
script>
<script src="../tabs/jquery.history_remote.pack.js" type="text/
javascript"></script>
<script src="../tabs/jquery.tabs.pack.js" type="text/
javascript"></script>
<script type="text/javascript">
$(function() {
$('#container-5').tabs({ fxSlide: true, fxFade: true,
fxSpeed: 'normal' });
});
</script>
<link rel="stylesheet" href="../tabs/jquery.tabs.css"
type="text/css" media="print, projection, screen">
....
<div id="container-5">
<ul>
<li><a href="#fragment-1"><span>123</span></a></li>
<li><a href="#fragment-2"><span>456</span></a></li>
<li><a href="#fragment-3"><span>789</span></a></li>
<li><a href="#fragment-4"><span>000</span></a></li>
</ul>
<div id="fragment-1">
adasd
</div>
<div id="fragment-2">
<?
include_once('123_ru.php');
?>
</div>
<div id="fragment-3">
<?
include_once('456_ru.php');
?>
</div>
<div id="fragment-4">
<?
include_once('789_ru.php');
?>
</div>
</div>
The main problem is, that all php files are loaded simultaneously, but
i need that they load only when i press on a current tab.
In documentation I've found and JS code :
var $tabs = $('#example').tabs();
var selected = $tabs.data('selected.tabs');
but I don't understand how to use it.
Thank you !