Cześć,
mam pewien problem, otóż stworzyłem sobie popup, wyświetlający się po kliknięciu w odpowiedni link.
Popup wyświetla mi się poprawnie, lecz chciałbym w nim stworzyć zakładki z osobną zawartością dla każdej z nich.
I tu się pojawiają problemy, gdyż nie wiem jak je zrobić, by poprawnie wyświetlały daną treść.
Próbowałem już na wiele sposobów, ale każdy kończył się tak samo - fiaskiem.
Proszę o jakieś nakierowanie, jak to połączyć ze sobą, by po kliknięciu na zakładkę, pojawiała się z boku jego zawartość.
To co już zrobiłem:
<div id='mymodalcontent' style='display:none;'>
<h3>Podgląd postaci</h3>
<div class='fixed_inner'>
<div class="fixed_inner ipsBox" style="height: 430px; max-height: 430px; overflow: auto;">
<div class='ipsLayout ipsLayout_withleft ipsLayout_smallleft ipsVerticalTabbed'>
<div class='ipsLayout_left ipsVerticalTabbed_tabs'>
<ul>
<li id='tab_1'><a>Pierwsza</a></li>
<li id='tab_2'><a>Druga/a></li>
<li id='tab_3'><a>Trzecia</a></li>
</ul>
</div>
<div class="ipsVerticalTabbed_content ipsLayout_content">
<div class="ipsBox_container" style="min-height:300px">
<div class="ipsPad">
<div id='tab_1_content'>zawartosc 1</div>
<div id='tab_2_content'>zawartosc 2</div>
<div id='tab_2_content'>zawartosc 3</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
$('modal1').observe( 'click', function(e) {
_var = new ipb.Popup( 'booboo', { type: 'pane',
initial: $('mymodalcontent').innerHTML,
hideAtStart: false,
w: '600px',
h: '450'} );
Event.stop(e);
return false;
});
</script>
W tej chwili, wyświetla mi się to tak:
Jak najłatwiej sobie z tym poradzić?