Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][PHP]jQuery - po kliknieciu submit przenosi do pierwszej zakładki
Forum PHP.pl > Forum > Przedszkole
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
  1. <link rel="stylesheet" href="./cupertino/jquery.ui.all.css" type="text/css">
  2. <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
  3. <script type="text/javascript" src="jquery/jquery.ui.core.min.js"></script>
  4. <script type="text/javascript" src="jquery/jquery.ui.widget.min.js"></script>
  5. <script type="text/javascript" src="jquery/jquery.ui.mouse.min.js"></script>
  6. <script type="text/javascript" src="jquery/jquery.ui.sortable.min.js"></script>
  7. <script type="text/javascript" src="jquery/jquery.ui.tabs.min.js"></script>
  8. <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  9. <script type="text/javascript">
  10. $(document).ready(function()
  11. {
  12. var jQueryTabs1Opts =
  13. {
  14. event: 'click',
  15. deselectable: 'false'
  16. };
  17. $("#jQueryTabs1").tabs(jQueryTabs1Opts);
  18. $("#jQueryTabs2").tabs(jQueryTabs1Opts);
  19. $("#jQueryTabs3").tabs(jQueryTabs1Opts);
  20. $("#jQueryTabs4").tabs(jQueryTabs1Opts);
  21. $("#jQueryTabs5").tabs(jQueryTabs1Opts);
  22. $("#jQueryTabs6").tabs(jQueryTabs1Opts);
  23. $("#jQueryButton1").button();
  24. $("#jQueryButton2").button();
  25. $("#jQueryButton3").button();
  26. $("#jQueryButton4").button();
  27. $(".SlideMenu1_Folder div").click(function()
  28.  
  29. {
  30. if ($(this).parent().find('ul').is(':hidden'))
  31. {
  32. $(this).parent().find('ul').show();
  33. }
  34. else
  35. {
  36. $(this).parent().find('ul').hide();
  37. }
  38. });
  39. });


  1. <div id="jQueryTabs1" style="position:center;top:width:auto;height:auto;z-index:2">
  2. <? include ('include/date.php')?>
  3. <ul>
  4. <li><a href="#page-0"><span>Uzytkownicy</span></a></li>
  5. <li><a href="#page-1"><span>Artykuly</span></a></li>
  6. <li><a href="#page-2"><span>Ustawienia</span></a></li>
  7. <li><a href="#page-3"><span>Newsletter</span></a></li>
  8. <li><a href="#page-4"><span>Bannery</span></a></li>
  9. <li><a href="#page-5"><span>Stale Tresci</span></a></li>
  10. <li><a href="#page-6"><span>Komentarze</span></a></li>
  11. <li><a href="#page-7"><span>Ksiega gosci</span></a></li>
  12. <li><a href="#page-8"><span>Media</span></a></li>
  13. </ul>
  14.  
  15.  
  16. <div style="height:594px;overflow:auto" id="page-0">
  17. <div id="jQueryTabs4" style="position:top;width:auto;height:auto;z-index:0">
  18. <ul>
  19. <li><a href="#page-10c"><span>Nowi</span></a></li>
  20. <li><a href="#page-11c"><span>Zarzadzaj</span></a></li>
  21. <li><a href="#page-12c"><span>3</span></a></li>
  22. </ul>
  23. <div style="height:auto;overflow:auto" id="page-10c">
  24. <?php include "include/new_users.php";
  25. //tu cos bedzie
  26. ?>
  27. </div>
  28. <div style="height:auto;overflow:auto" id="page-11c">
  29. <?php include "include/select_users.php";
  30. //tabelka z ostatnimi uzytkownikami
  31. ?>
  32. </div>
  33. <div style="height:auto;overflow:auto" id="page-12c">
  34. <?php echo "jakas tresc";
  35. //tu cos bedzie
  36. ?>
  37. </div>
  38. </div>
  39.  
  40.  
  41.  
  42.  
  43. </div>
  44. <div style="height:594px;overflow:auto" id="page-1">
  45.  
  46. <div id="jQueryTabs2" style="position:top;width:auto;height:auto;z-index:0">
  47. <ul>
  48. <li><a href="#page-10a"><span>Dodaj Artykul/News</span></a></li>
  49. <li><a href="#page-11a"><span>Zarzadzaj</span></a></li>
  50. </ul>
  51. <div style="height:auto;overflow:auto" id="page-10a">
  52. <?php include "include/art_add.php";
  53. //tabelka z ostatnimi uzytkownikami
  54. ?>
  55. </div>
  56. <div style="height:auto;overflow:auto" id="page-11a">
  57. <?php include "include/art_add_list.php";
  58. //tabelka z ostatnimi uzytkownikami
  59. ?>
  60. </div>
  61. </div>
  62. </div>
  63.  
  64. <div style="height:594px;overflow:auto" id="page-2">
  65. <font color="red">Ustawienia</font><br />
  66. <div id="jQueryTabs3" style="position:top;width:auto;height:auto;z-index:0">
  67. <ul>
  68. <li><a href="#page-10b"><span>1</span></a></li>
  69. <li><a href="#page-11b"><span>2</span></a></li>
  70. <li><a href="#page-12b"><span>3</span></a></li>
  71. </ul>
  72. <div style="height:auto;overflow:auto" id="page-10b">
  73. <?php echo "jakas tresc";
  74. //tu cos bedzie
  75. ?>
  76. </div>
  77. <div style="height:auto;overflow:auto" id="page-11b">
  78. <?php echo "jakas tresc";
  79. //tu cos bedzie
  80. ?>
  81. </div>
  82. <div style="height:auto;overflow:auto" id="page-12b">
  83. <?php echo "jakas tresc";
  84. //tu cos bedzie
  85. ?>
  86. </div>
  87. </div>
  88.  
  89. </div>
  90. <div style="height:594px;overflow:auto" id="page-3">
  91. <font color="red">Newsletter</font>
  92. </div>
  93. <div style="height:594px;overflow:auto" id="page-4">
  94. <font color="red">Bannery</font>
  95. </div>
  96. <div style="height:594px;overflow:auto" id="page-5">
  97. <font color="red">Stale Tresci</font>
  98. </div>
  99. <div style="height:594px;overflow:auto" id="page-6">
  100. <div id="jQueryTabs5" style="position:top;width:auto;height:auto;z-index:0">
  101. <ul>
  102. <li><a href="#page-10d"><span>Nowe</span></a></li>
  103. <li><a href="#page-11d"><span>Zarzadzaj</span></a></li>
  104. <li><a href="#page-12d"><span>3</span></a></li>
  105. </ul>
  106. <div style="height:auto;overflow:auto" id="page-10d">
  107. <?php echo "jakas tresc";
  108. //tu cos bedzie
  109. ?>
  110. </div>
  111. <div style="height:auto;overflow:auto" id="page-11d">
  112. <?php echo "jakas tresc";
  113. //tu cos bedzie
  114. ?>
  115. </div>
  116. <div style="height:auto;overflow:auto" id="page-12d">
  117. <?php echo "jakas tresc";
  118. //tu cos bedzie
  119. ?>
  120. </div>
  121. </div>
  122. </div>
  123. <div style="height:594px;overflow:auto" id="page-7">
  124. <font color="red">Ksiega gosci</font>
  125. </div>
  126. <div style="height:594px;overflow:auto" id="page-8">
  127.  
  128.  
  129. </div>
  130. </div>
  131.  

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
Cytat
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
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? smile.gif
Tym bardziej ze dopiero zaczynasz to tym bardziej powinienes zaczynad wpierw od źródła.

Cytat
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.
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

Cytat
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
            }
   };


Cytat
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 winksmiley.jpg
lukaszk
Po takiej modyfikacji strona niestety się rozjeżdża
nospor
Pokaz kod po swoich modyfikacjach
lukaszk
  1. var jQueryTabs1Opts =
  2. {
  3. event: 'click',
  4. deselectable: 'false',
  5. cookie: {
  6. // store cookie for a day, without, it would be a session cookie
  7. expires: 1
  8. }
  9. };


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ć wstydnis.gif
nospor
Wtyczka jest potrzeba tylko tobie w celu zdiagnozowania w czym jest blad. Nikt inny tego nie bedzie potrzebowal smile.gif
lukaszk
  1. <script type="text/javascript">
  2.  
  3. $(document).ready(function()
  4. {
  5.  
  6. var jQueryTabs1Opts =
  7. {
  8. event: 'click',
  9. deselectable: 'false'
  10.  
  11. };
  12. $("#jQueryTabs1").tabs(jQueryTabs1Opts);
  13. var jQueryTabs2Opts =
  14. {
  15. event: 'click',
  16. deselectable: 'false'
  17. };
  18. $("#jQueryTabs2").tabs(jQueryTabs2Opts);
  19. var jQueryTabs3Opts =
  20. {
  21. event: 'click',
  22. deselectable: 'false'
  23.  
  24. };
  25. $("#jQueryTabs3").tabs(jQueryTabs3Opts);
  26. var jQueryTabs4Opts =
  27. {
  28. event: 'click',
  29. deselectable: 'false'
  30.  
  31. };
  32. $("#jQueryTabs4").tabs(jQueryTabs4Opts);
  33. var jQueryTabs5Opts =
  34. {
  35. event: 'click',
  36. deselectable: 'false'
  37.  
  38. };
  39. $("#jQueryTabs5").tabs(jQueryTabs5Opts);
  40. var jQueryTabs6Opts =
  41. {
  42. event: 'click',
  43. deselectable: 'false'
  44.  
  45. };
  46. $("#jQueryTabs6").tabs(jQueryTabs6Opts);
  47. var jQueryTabs7Opts =
  48. {
  49. event: 'click',
  50. deselectable: 'false'
  51.  
  52. };
  53. $("#jQueryTabs7").tabs(jQueryTabs7Opts);
  54. var jQueryTabs8Opts =
  55. {
  56. event: 'click',
  57. deselectable: 'false'
  58.  
  59. };
  60. $("#jQueryTabs8").tabs(jQueryTabs8Opts);
  61. var jQueryTabs9Opts =
  62. {
  63. event: 'click',
  64. deselectable: 'false'
  65.  
  66. };
  67.  
  68. });
  69.  
  70.  


Po porażce poprzedniego kodu napisałem inaczej powyżej kod (taki mam teraz. Może tym razem coś zrobiłem źle
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.