Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Ajax tabs, ajax tabs
jabba
post 8.02.2009, 18:56:05
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 8.02.2009

Ostrzeżenie: (0%)
-----


Witam,

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>


Ma może ktoś jakiś pomysł ?


Pozdrawiam,

Marcin
Go to the top of the page
+Quote Post
Kihol
post 9.02.2009, 10:19:21
Post #2





Grupa: Zarejestrowani
Postów: 46
Pomógł: 6
Dołączył: 20.06.2005
Skąd: Pyskowice

Ostrzeżenie: (0%)
-----


Widzę że content tego taba jest iFramem. iFrame nie będzie się resizował w zależności od swojego contentu - więc height: auto; nic tu nie da.
Są 2 opcje:
1. daj height : 100% (tylko wtedy zawsze będzie na całą wysokość tego diva z tabami
2. resizowanie javaScriptem - ale tu trochę więcej zabawy!
Go to the top of the page
+Quote Post
jabba
post 9.02.2009, 16:45:44
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 8.02.2009

Ostrzeżenie: (0%)
-----


Cytat(Kihol @ 9.02.2009, 10:19:21 ) *
Widzę że content tego taba jest iFramem. iFrame nie będzie się resizował w zależności od swojego contentu - więc height: auto; nic tu nie da.
Są 2 opcje:
1. daj height : 100% (tylko wtedy zawsze będzie na całą wysokość tego diva z tabami
2. resizowanie javaScriptem - ale tu trochę więcej zabawy!


zmiana tego bezpośrednio w ajaxtabs.js dopiero dała efekt. Dzięki.

A wyskoczył następny mały problemik.

Tabsy nie chcą się otwierać w explorerze sciana.gif . W innych przeglądarkach jest ok.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.07.2025 - 07:34