Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Zakładki - Tabs - w stworzonym Popupie


Anonym

Rekomendowane odpowiedzi

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:

64850455482899999170.png

 

Jak najłatwiej sobie z tym poradzić?

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.