Znalazłem w sieci takiego oto tabs'y
http://www.dynamicdrive.com/dynamicindex17...ntent/index.htm
Chciałby je użyć w joomli ale mam problem z wysokością <div>'a
Najlepiej jak sami zobaczycie efekt:
http://joomla.galtex.pl/index.php?option=c...1&Itemid=65
po kliknięciu na zakładkę Terminarz lub Kadra wysokość diva, a właściwie samego pola skrolującego jest tak jakby domyślna.
Mimo wcześniejszego ustawiania rozmiaru samego <div> co zresztą widać po rozmiarze ramki.
Kod
<ul id="countrytabs" class="shadetabs" >
<li><a href="#" class="selected" rel="#default">Tabela</a></li>
<li><a href="http://joomla.galtex.pl/index2.php?option=com_sportclub&task=term&contest_id=8" rel="#iframe">Terminarz</a></li>
<li><a href="http://joomla.galtex.pl/index2.php?option=com_sportclub&task=kadra&team=1" rel="#iframe">Kadra</a></li>
<li><a href="external3.htm" rel="countrycontainer">Statystyki</a></li>
</ul>
<!-- <div id="countrydivcontainer" style="width:600px;height:600px; border:1px solid gray; margin-bottom: 1em; padding: 10px;"> -->
<div id="countrydivcontainer" style="margin: 0px;padding: 6px;border: 1px inset;width:600px;height: 800px;text-align: left;overflow:auto">
<br>
<?SportclubController::table();?>
</div>
<script type="text/javascript">
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<li><a href="#" class="selected" rel="#default">Tabela</a></li>
<li><a href="http://joomla.galtex.pl/index2.php?option=com_sportclub&task=term&contest_id=8" rel="#iframe">Terminarz</a></li>
<li><a href="http://joomla.galtex.pl/index2.php?option=com_sportclub&task=kadra&team=1" rel="#iframe">Kadra</a></li>
<li><a href="external3.htm" rel="countrycontainer">Statystyki</a></li>
</ul>
<!-- <div id="countrydivcontainer" style="width:600px;height:600px; border:1px solid gray; margin-bottom: 1em; padding: 10px;"> -->
<div id="countrydivcontainer" style="margin: 0px;padding: 6px;border: 1px inset;width:600px;height: 800px;text-align: left;overflow:auto">
<br>
<?SportclubController::table();?>
</div>
<script type="text/javascript">
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
Ma może ktoś jakiś pomysł ?
Pozdrawiam,
Marcin
. W innych przeglądarkach jest ok.