[HTML][JavaScript][PHP]jQuery - po kliknieciu submit przenosi do pierwszej zakładki Opcje

[lukaszk]

Witam, mam pewien problem i nie wiem jak go przeskoczyć. Buduje panel administracyjny powiedzmy silnik który będę podpisał pod wykonane strony internetowe.

PA zbudowałem w fajnym edytorze choć z nich nie korzystam on załatwił mi fajne design PA
Panel zbudowałem w oparciu o html, jquery i php

Problem jest tego typu że includuje do skryptu pliki php które działają ale irytujące jest to że po każdej czynności przenosi mnie do pierwszej zakładki (kliknięcie submit itd)
Kody

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="./cupertino/jquery.ui.all.css" type="text/css">
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.sortable.min.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.tabs.min.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function()
{
   var jQueryTabs1Opts =
   {
      event: 'click',
      deselectable: 'false'
   };
   $("#jQueryTabs1").tabs(jQueryTabs1Opts);
   $("#jQueryTabs2").tabs(jQueryTabs1Opts);
   $("#jQueryTabs3").tabs(jQueryTabs1Opts);
      $("#jQueryTabs4").tabs(jQueryTabs1Opts);
	     $("#jQueryTabs5").tabs(jQueryTabs1Opts);
		    $("#jQueryTabs6").tabs(jQueryTabs1Opts);
   $("#jQueryButton1").button();
   $("#jQueryButton2").button();
   $("#jQueryButton3").button();
   $("#jQueryButton4").button();
   $(".SlideMenu1_Folder div").click(function()
 
   {
      if ($(this).parent().find('ul').is(':hidden'))
      {
         $(this).parent().find('ul').show();
      }
      else
      {
         $(this).parent().find('ul').hide();
      }
   });
});
</script>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<div id="jQueryTabs1" style="position:center;top:width:auto;height:auto;z-index:2">
<? include ('include/date.php')?>
<ul>
<li><a href="#page-0"><span>Uzytkownicy</span></a></li>
<li><a href="#page-1"><span>Artykuly</span></a></li>
<li><a href="#page-2"><span>Ustawienia</span></a></li>
<li><a href="#page-3"><span>Newsletter</span></a></li>
<li><a href="#page-4"><span>Bannery</span></a></li>
<li><a href="#page-5"><span>Stale Tresci</span></a></li>
<li><a href="#page-6"><span>Komentarze</span></a></li>
<li><a href="#page-7"><span>Ksiega gosci</span></a></li>
<li><a href="#page-8"><span>Media</span></a></li>
</ul>
 
 
		<div style="height:594px;overflow:auto" id="page-0">
			<div id="jQueryTabs4" style="position:top;width:auto;height:auto;z-index:0">
			<ul>
			<li><a href="#page-10c"><span>Nowi</span></a></li>
			<li><a href="#page-11c"><span>Zarzadzaj</span></a></li>
			<li><a href="#page-12c"><span>3</span></a></li>
			</ul>
			<div style="height:auto;overflow:auto" id="page-10c">
			<?php include "include/new_users.php";
			//tu cos bedzie
			?>
			</div>
			<div style="height:auto;overflow:auto" id="page-11c">
			<?php include "include/select_users.php";
			//tabelka z ostatnimi uzytkownikami
			?>
			</div>
			<div style="height:auto;overflow:auto" id="page-12c">
			<?php echo "jakas tresc";
			//tu cos bedzie
			?>
			</div>
			</div>			
 
 
 
 
		</div>
		<div style="height:594px;overflow:auto" id="page-1">
 
		<div id="jQueryTabs2" style="position:top;width:auto;height:auto;z-index:0">
		<ul>
		<li><a href="#page-10a"><span>Dodaj Artykul/News</span></a></li>
		<li><a href="#page-11a"><span>Zarzadzaj</span></a></li>
		</ul>
		<div style="height:auto;overflow:auto" id="page-10a">
		<?php include "include/art_add.php";
		//tabelka z ostatnimi uzytkownikami
		?>
		</div>
		<div style="height:auto;overflow:auto" id="page-11a">
		<?php include "include/art_add_list.php";
		//tabelka z ostatnimi uzytkownikami
		?>
		</div>
		</div>			
		</div>
 
		<div style="height:594px;overflow:auto" id="page-2">
			<font color="red">Ustawienia</font><br />
			<div id="jQueryTabs3" style="position:top;width:auto;height:auto;z-index:0">
			<ul>
			<li><a href="#page-10b"><span>1</span></a></li>
			<li><a href="#page-11b"><span>2</span></a></li>
			<li><a href="#page-12b"><span>3</span></a></li>
			</ul>
			<div style="height:auto;overflow:auto" id="page-10b">
			<?php echo "jakas tresc";
			//tu cos bedzie
			?>
			</div>
			<div style="height:auto;overflow:auto" id="page-11b">
			<?php echo "jakas tresc";
			//tu cos bedzie
			?>
			</div>
			<div style="height:auto;overflow:auto" id="page-12b">
			<?php echo "jakas tresc";
			//tu cos bedzie
			?>
			</div>
			</div>			
 
		</div>
		<div style="height:594px;overflow:auto" id="page-3">
			<font color="red">Newsletter</font>
		</div>
		<div style="height:594px;overflow:auto" id="page-4">
			<font color="red">Bannery</font>
		</div>
		<div style="height:594px;overflow:auto" id="page-5">
			<font color="red">Stale Tresci</font>
		</div>
		<div style="height:594px;overflow:auto" id="page-6">
			<div id="jQueryTabs5" style="position:top;width:auto;height:auto;z-index:0">
			<ul>
			<li><a href="#page-10d"><span>Nowe</span></a></li>
			<li><a href="#page-11d"><span>Zarzadzaj</span></a></li>
			<li><a href="#page-12d"><span>3</span></a></li>
			</ul>
			<div style="height:auto;overflow:auto" id="page-10d">
			<?php echo "jakas tresc";
			//tu cos bedzie
			?>
			</div>
			<div style="height:auto;overflow:auto" id="page-11d">
			<?php echo "jakas tresc";
			//tu cos bedzie
			?>
			</div>
			<div style="height:auto;overflow:auto" id="page-12d">
			<?php echo "jakas tresc";
			//tu cos bedzie
			?>
			</div>
			</div>
		</div>
		<div style="height:594px;overflow:auto" id="page-7">
			<font color="red">Ksiega gosci</font>
		</div>
		<div style="height:594px;overflow:auto" id="page-8">
 
 
	</div>
</div>
 
[PHP] pobierz, plaintext 

A może wy coś poradzicie jak inaczej zbudować PA.
Moim zdaniem jest fajnie to opracowane bo nie muszę kombinować z warunkami i sprawdzaniem czy coś ma być wyświetlone jeśli zostało kliknięte i gdzie ma zostać wyświetlone.
PA zbudowałem na chwilę obecną w zakładki główne i każda zakładka zawiera nowe zakładki.

[nospor]

ale irytujące jest to że po każdej czynności przenosi mnie do pierwszej zakładki

A wystarczylo zajrzec do dokumentacji. To dopiero jest irytujące.
http://jqueryui.com/demos/tabs/#cookie

[lukaszk]

Dopiero ruszam w tej technologii więc jest to przedszkole i moim zdaniem nie jest to irytujące że pytam. Dziękuję za wyczerpującą odpowiedź.

Jeśli mogę prosić proszę o informację gdzie i co mam zmienić/dopisać.
Poozdrawiam

Ten post edytował lukaszk 23.12.2010, 10:30:15

[nospor]

Nie, niechodzilo mi o to,ze irytujace jest ze pytasz, ale irytujace jest ze uzywasz jakiegos liba a nie raczysz zajrzyc do jego dokumentacji gdzie to wszystko ladnie na przykladach jest wyjasnione. To jest irytujace. Widzisz roznice miedzy Twoje irytujace a moje?
Tym bardziej ze dopiero zaczynasz to tym bardziej powinienes zaczynad wpierw od źródła.

Jeśli mogę prosić proszę o informację gdzie i co mam zmienić/dopisać.

Przecież dostales linka do przykladu i opisu.
Przyklad ze strony

Kod

<script>
    $(function() {
        $( "#tabs" ).tabs({
            cookie: {
                // store cookie for a day, without, it would be a session cookie
                expires: 1
            }
        });
    });
    </script>

[lukaszk]

Dzięki za info
w miejscu
// store cookie for a day, without, it would be a session cookie


domyślam się że mam wstawić skrypt sesji czy co bo nie za bardzo rozumiem.
Po wstawieniu ego gołego kodu jest to samo co było.

Ten post edytował lukaszk 23.12.2010, 11:03:47

[nospor]

To jest komentarz

//takie cos oznacza komentarz

Rozumiem, jestes początkujacy. Ale jesli uzywasz jakiegos jezyka, weź zanim zaczniesz biegac po forach zapoznaj się z podstawami tego jezyka. Naprawde, z podstawami podstaw. Forum naprawde nie sluzy do wyjasniania ze komentarz oznacza komentarz i w jego miejsce nalezy cos wstawic lub nie.

Specjalnie dla Ciebie wyszukal w google podstawowy kurs js. Po polsku
http://webmaster.helion.pl/index.php/kurs-javascript

Po wstawieniu ego gołego kodu jest to samo co było.

Zero wlasnego myslenia. Nie miales wstawic ten goly kod, a miales z niego wziąść opcje COOKIE

Ty masz opcję swoje takie:

Kod

var jQueryTabs1Opts =
   {
      event: 'click',
      deselectable: 'false'
   };

Miales do nich dolozyc COOKIE z przykladu

Kod

var jQueryTabs1Opts =
   {
      event: 'click',
      deselectable: 'false',
  cookie: {
                // store cookie for a day, without, it would be a session cookie
                expires: 1
            }
   };

[lukaszk]

Hej wiem co to jest ale często programiści zaznaczają nim również miejsca gdzie mamy zmodyfikować/wprowadzić swój kod, zmienne itd.
Tak to zrozumiałem bo wprowadzenie tego fragmentu nic nie dało.

[nospor]

No ale wprowadziles tak jak ci go podalem w poprzednim poscie?

Kod

var jQueryTabs1Opts =
   {
      event: 'click',
      deselectable: 'false',
  cookie: {
                // store cookie for a day, without, it would be a session cookie
                expires: 1
            }
   };

ale często programiści zaznaczają nim również miejsca gdzie mamy zmodyfikować/wprowadzić swój kod, zmienne itd.

Nie w przykladach, ktore są dzialajacymi przykladami majacymi pokazac jak czegos uzyc. A juz szczegolnie gdy komentarz mowi co to cos robi, a nie ze trzeba cos wstawic

[lukaszk]

Po takiej modyfikacji strona niestety się rozjeżdża

[nospor]

Pokaz kod po swoich modyfikacjach

[lukaszk]

[HTML] pobierz, plaintext 
var jQueryTabs1Opts =
   {
      event: 'click',
      deselectable: 'false',
  cookie: {
                // store cookie for a day, without, it would be a session cookie
                expires: 1
            }
   };
[HTML] pobierz, plaintext 

Wiem że myślisz o przecinku którego nie postawiłem ale go postawiłem (deselectable: 'false',) tak wygląda kod po modyfikacji czyli tak jak podałeś.

[nospor]

Kod wydaje się być ok.

Masz moze firefoxa? A do niego dodatek Firebug oraz Firecookie? jak nie do zainstaluj i zobacz jakie tworzą ci się ciasteczka.

[lukaszk]

Kurcze tak ale jak ktoś inny ma z tego korzystać to nie mogę go zmuszać do instalowania wtyczek.
Kurcze już nie wiem jak mam ten problem zrobić

[nospor]

Wtyczka jest potrzeba tylko tobie w celu zdiagnozowania w czym jest blad. Nikt inny tego nie bedzie potrzebowal

[lukaszk]

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
$(document).ready(function()
{	
 
	var jQueryTabs1Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
   $("#jQueryTabs1").tabs(jQueryTabs1Opts);
   var jQueryTabs2Opts =
   {
      event: 'click',
      deselectable: 'false' 
		};
   $("#jQueryTabs2").tabs(jQueryTabs2Opts);
   var jQueryTabs3Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
   $("#jQueryTabs3").tabs(jQueryTabs3Opts);
   var jQueryTabs4Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
   $("#jQueryTabs4").tabs(jQueryTabs4Opts);
   var jQueryTabs5Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
   $("#jQueryTabs5").tabs(jQueryTabs5Opts);
   var jQueryTabs6Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
   $("#jQueryTabs6").tabs(jQueryTabs6Opts);
   var jQueryTabs7Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
   $("#jQueryTabs7").tabs(jQueryTabs7Opts);
   var jQueryTabs8Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
   $("#jQueryTabs8").tabs(jQueryTabs8Opts);
   var jQueryTabs9Opts =
   {
      event: 'click',
      deselectable: 'false'
 
   };
 
});
</script>
 
 
[HTML] pobierz, plaintext 

Po porażce poprzedniego kodu napisałem inaczej powyżej kod (taki mam teraz. Może tym razem coś zrobiłem źle