[HTML][JS]History.Back Problem Opcje

[dhkraja69@wp.pl]

Witam

Mam problem z zastosowanie History.Back... Nie mogę sobie poradzić z zastosowanie przycisku wstecz.
A może można przypisać za pomocą JS 'odnośnika do konkretnego div"?

Div chowaj się i wysuwają, po wybraniu zakładki z menu.

Poniżej kod JS który wywołuje odpowiedniego diva oraz po zmianie go chowa

[HTML] pobierz, plaintext 
      $('div.hidable').hide();
      $('li.link').click(function() { 
            var id = $(this).attr('rel'); 
            var showing = $(id).is(':visible');
            $('div.hidable').slideUp('slow');
            if (!showing) { 
                  $(id).slideDown('slow');
            }
      });
[HTML] pobierz, plaintext 

układ divów mniej więcej wyglada jak ponizej

[HTML] pobierz, plaintext 
<div id=boxes>
     <div class=hidable content1> DIV 1</div>
      <div class=hidable content2> DIV 2</div>
      <div class=hidable content3> DIV 3</div>
</div >
[HTML] pobierz, plaintext 

Ten post edytował dhkraja69@wp.pl 19.12.2010, 19:45:10

[Szadow]

[HTML] pobierz, plaintext 
<div id=boxes>
<div class=hidable content1> DIV 1</div>
<div class=hidable content2> DIV 2</div>
<div class=hidable content3> DIV 3</div>
</div > 
[HTML] pobierz, plaintext 

A gdzie cudzysłowy!?
Walidator cie zabije

Ten post edytował Szadow 19.12.2010, 19:07:18

[dhkraja69@wp.pl]

Cudzysłowy są, to tylko tak na szybko
Czy ktoś ma jakiś pomysł aby każdemu z DIVów przypisać jakąś zmienną do której można się odwoływać z poziomu przeglądarki ?
np. www.strona.pl/#div1 itp

Kod z cudzysłowami

[HTML] pobierz, plaintext 
<div id="menu"> 
    		<ul>
			<li class="link" rel='#div1'>
				<a href="#div1">div1</a>
			</li>
			<li class="link" rel='#div2'>
				<a href="#div2">div2</a>
			</li>
			<li class="link" rel='#div3'>
				<a href="#div3">div3</a>
			</li>
		</ul>
</div>    
 
<div id="boxes" >
		 <!--zawartość div1 -->       
		<div class='hidable content_div' id='div1'>
		</div>
		 <!--zawartość div2 -->       
		<div class='hidable content_div' id='div2'>
                      	     <div id="podmenu">
				<ul>
				<li class="link" rel='#div4'>
					<a href="#div4">div4</a>
				</li>
				<li class="link" rel='#div5'>
					<a href="#div5">div5</a>
				</li>
				</ul>
                           </div>
		</div>
		 <!--zawartość div3 -->       
		<div class='hidable content_div' id='div3'>
		</div>
		 <!--zawartość div4 -->       
		<div class='hidable content_div' id='div4'>
		</div>
		 <!--zawartość div5 -->       
		<div class='hidable content_div' id='div5'>
		</div>
</div>
[HTML] pobierz, plaintext 

dodam że niby history.back działa z zastosowaniem:

[HTML] pobierz, plaintext 
$(function() {
	$("#menu").tabs("#boxes > div", { history: true });
});
[HTML] pobierz, plaintext 

Jednak są dwa minusy, na starcie strony wysuwa się automatycznie jeden div - a taki efekt nie jest pożądany,
a drugi minus to w jednym divie znajduje się 'podmenu' i nie mam pojęcia jak połączyć jedno z drugim aby nie było problemów, efekt jest taki że DIV4 albo DIV5 jest zawsze wysunięty...

Ktoś ma może jakiś pomysł ?

Ten post edytował dhkraja69@wp.pl 19.12.2010, 19:43:58

[batman]

Proszę o przeedytowanie postów i dodanie odpowiedniego bbcode.