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
<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();
}
});
});
<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>
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.