Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript][PHP]jQuery - po kliknieciu submit przenosi do pierwszej zakładki
lukaszk
post
Post #1





Grupa: Zarejestrowani
Postów: 159
Pomógł: 0
Dołączył: 21.12.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 20:59