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
<link rel="stylesheet" href="./cupertino/jquery.ui.all.css" type="text/css"> <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>
<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"> //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"> //tu cos bedzie ?> </div> <div style="height:auto;overflow:auto" id="page-11b"> //tu cos bedzie ?> </div> <div style="height:auto;overflow:auto" id="page-12b"> //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"> //tu cos bedzie ?> </div> <div style="height:auto;overflow:auto" id="page-11d"> //tu cos bedzie ?> </div> <div style="height:auto;overflow:auto" id="page-12d"> //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>
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.