[HTML][PHP] Lista rozwijana, jak dodać dynamiczną zmianę Opcje

[-kubek3898-]

Obecnie tworzę Panel administracyjny dla mojego małego skryptu. Problem w tym, że chcę, by zawierał on listę rozwijaną np. gdy jestem, na stronie głównej panelu:

Panel administracyjny -> Kokpit

, lub gdy przeglądam wszystkie konta użytkowników:

Panel administracyjny -> Wszystkie konta

Mam nadzieję, że wiecie o co chodzi. Przejdźmy jednak do sedna. Jak zrobić, by druga część (gdyż pierwsza czyli 'Panel administracyjny', jest wciąż taka sama) zmieniała się dynamicznie wraz ze zmianą strony? Przykładowo header.php, który dołącza wszystkie pliki css, js itp. wygląda tak:

[PHP] pobierz, plaintext 
// Wcześniejszy kod
 
<div class="breadcrumbs_container">
			<article class="breadcrumbs"><a href="index.php">Panel administracyjny</a> <div class="breadcrumb_divider"></div> <a href="index.php" class="current">TUTAJ CHCĘ, ŻEBY TREŚĆ SIĘ DYNAMICZNIE ZMIENIAŁA</a></article> 
		</div>
[PHP] pobierz, plaintext 

Mam jedną swoją teorię, która może i działa ale nie jest zbyt optymalna (dołączanie pliku ze zmienną i jej zawartością).

Mam nadzieję, że wiecie o co chodzi i mi pomożecie, pozdrawiam.

[!*!]

Odpowiedź już masz w kodzie. breadcrumbs

[-kubek3898-]

Tak tylko, że tam pojawia mi się adres czyli np. Panel admina -> blabla/admin/skrypt/blabla, a ja chcę: Panel admina -> Licencja

[!*!]

To podmień link na nazwę.

[-kubek3898-]

No ale... jak? Zmienną $_SERVER? Czy po prostu zrobić coś takiego jak:

$blabla = "Licencja";

, a w klasie:

$this->breadcrumbs .= "$blabla";

Sorry, za moją głupotę, ale klas jeszcze bardzo nie ogarniam, a bardzo mi zależy na tej liście nawigacyjnej.

Pozdrawiam.

[!*!]

To już zależy od Ciebie. Może to być zmienna, w końcu skądś musisz brać informacje że tu i teraz jest do pokazania licencja. Choć można zrobić to jeszcze inaczej.

[PHP] pobierz, plaintext 
$breadcrumbs = null;
switch($_GET['page'])
{
    case 'strona':
      $breadcrumbs = 'strona';
    break;
    case 'licencja'
      $breadcrumbs = 'Licencja';
    break;
}
if(isset($breadcrumbs))
{
   echo 'Panel >'.$breadcrumbs;
}
[PHP] pobierz, plaintext 

[-kubek3898-]

W takim wypadku mam kolejne pytanie (IMG:style_emoticons/default/smile.gif) . Jak przemieszczać się pomiędzy poszczególnymi stronami metodą $_GET? Bo jeśli bym to zrozumiał, to już sobie bez problemu poradził.

Żeby było bez wątpliwości o co mi chodzi:

localhost/admin/license.php - NIE
localhost/admin/index.php?page=license - TAK

[!*!]

Tak jak wyżej, tylko prócz okruchów dodajesz np.

[PHP] pobierz, plaintext 
include_once 'strona.php';
[PHP] pobierz, plaintext 

przed break.

[-kubek3898-]

Dobra w dużej części (jakieś 3/4) uporałem się z problemem (IMG:style_emoticons/default/wink.gif) . W zasadzie już zrobiłem tą listę nawigacyjną, oraz dodałem $_GET['page']. Teraz mam inny problem.

Część pliku admin_header.php dołączający arkusze stylów, pliki .js itp. itd oraz mający instrukcję switch() wygląda tak:

[PHP] pobierz, plaintext 
<?php
 
ob_start();
 
require "../core.php"; // Tym plikiem robię połączenie z bazą
 
$breadcrumbs = '';
 
switch($_GET['page'])
{
	case 'license':
	{
		$breadcrumbs = 'Licencja';
		require_once "license.php";
		break;
	}
}
[PHP] pobierz, plaintext 

A sam plik license.php wygląda tak:

[PHP] pobierz, plaintext 
<?php
 
//require "admin_header.php"; // Zakomentowałem, ponieważ robię się tak jakby pętla...
 
$licencja_do_kiedy = 1559833422; // Taka prowizorka...
$licencja = time();
 
?>
 
<section id="main" class="column">
		<h4 class="alert_info">Licencja wygasa: <?php if($licencja >= $licencja_do_kiedy) echo "Licencja wygasła"; else echo date("d.m.Y, H:i", $licencja_do_kiedy) ?></h4>
</section>
</body>
</html>
[PHP] pobierz, plaintext 

Problem w tym, że gdy kliknę napis Licencja z poziomu index.php, to faktycznie przenosi, wszystko OK, ale cały styl idzie w las i wygląda to bardzo pokracznie... Mam swoją teorię, ponieważ include() i require() w miejscu, którym są użyte wklejają tak jakby dany plik i to wszystko psuje. Czy mógłby ktoś (a raczej tylko Pan !*!, bo tylko on był chętny pomóc) podpowiedzieć co zrobić, by styl się nie rokraczał. Jeśli potrzeba zapodam wszystkie pliki skryptu.

[!*!]

link do stylu css ustaw w index.php, wtedy wszystko co ładujesz w nim obejmie ten styl.

[-kubek3898-]

Dzięki za odpowiedź.

Zrobiłem tak:

[PHP] pobierz, plaintext 
<?php
 
$breadcrumbs = '';
 
switch($_GET['page'])
{
	case 'index':
	{
		$breadcrumbs = 'Kokpit';
		//require_once "index.php";
		break;
	}
	case 'add_cash':
	{
		$breadcrumbs = 'Dodaj wpłatę';
		require_once "add_cash.php";
		break;
	}
	case 'edit_cash':
	{
		$breadcrumbs = 'Edytuj wpłatę';
		require_once "edit_cash.php";
		break;
	}
	case 'statistics':
	{
		$breadcrumbs = 'Statystyki';
		require_once "statistics.php";
		break;
	}
	case 'add_user':
	{
		$breadcrumbs = 'Dodaj nowego użytkownika';
		require_once "add_user.php";
		break;
	}
	case 'list_users':
	{
		$breadcrumbs = 'Lista użytkowników';
		require_once "list_users.php";
		break;
	}
	case 'profile':
	{
		$breadcrumbs = 'Twój profil';
		require_once "profile.php";
		break;
	}
	case 'settings':
	{
		$breadcrumbs = 'Ustawienia';
		require_once "settings.php";
		break;
	}
	case 'security':
	{
		$breadcrumbs = 'Bezpieczeństwo';
		require_once "security.php";
		break;
	}
	case 'license':
	{
		$breadcrumbs = 'Licencja';
		require_once "license.php";
		break;
	}
	case 'logout':
	{
		$breadcrumbs = 'Wyloguj';
		require_once "logout.php";
		break;
	}
	case 'visit':
	{
		$breadcrumbs = 'Odwiedziny';
		require_once "visit.php";
		break;
	}
	case 'settlement':
	{
		$breadcrumbs = 'Rozliczenia';
		require_once "settlement.php";
		break;
	}
	case 'logs':
	{
		$breadcrumbs = 'Logowania';
		require_once "logs.php";
		break;
	}
}
[PHP] pobierz, plaintext 

dołączając powyższy kod na sam koniec pliku index.php.

I można powiedzieć, że prawie działa! Styl się nie rozsypuje (admin_header.php całkowicie usunąłem), lista działa. No może prawie... jak umieszczę kod na samym końcu to wtedy zmienna $breadcrumbs, nie jest odczytywana i nic się w liście nie pojawia. Jak dam na sam początek, to działa, ale styl się sypie. Teraz moje pytanie. Czy da się, zrobić tak, by zmienna $breadcrumbs przyjmowała wartość na końcu kodu, ale można ją było wywołać na początku?

Ten post edytował kubek3898 5.02.2013, 17:52:35

[!*!]

index.php

[PHP] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel='stylesheet' href='/css/style.css'/>
 
<?php
 
switch(){ //...
[PHP] pobierz, plaintext 

I nie ma się co sypać.

[-kubek3898-]

Sypie się! Sam zobacz (IMG:style_emoticons/default/biggrin.gif)

Tak wygląda rozsypany (dodałem kod właśnie po arkuszu styli):

http://img843.imageshack.us/img843/6834/nieng.png

a tak wygląda poprawnie (lecz $breadcrumbs nie działa):

http://img716.imageshack.us/img716/7669/taks.png

[!*!]

Ciekawy design, co to jest za panel, jakiś gotowiec?
Pokaż jeszcze jak to dodałeś, oraz co znajduje się w tych plikach które includujesz? Może masz w nich jakiś plik css lub jakiś div nie jest domykany?

[-kubek3898-]

Gotowiec panelu administracyjnego, był czysty HTML, przerabiam go pod PHP (http://medialoot.com/item/html5-admin-template/).

Tak wygląda index.php:

[PHP] pobierz, plaintext 
<?php
 
ob_start();
 
require "../core.php";
 
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
	<script type="text/javascript" src="../js/jquery-1.9.0.min.js"></script>
	<script type="text/javascript" src="../js/hideshow.js"></script>
	<script type="text/javascript" src="../js/jquery.tablesorter.min.js"></script>
	<script type="text/javascript" src="../js/jquery.equalHeight.js"></script>
	<script type="text/javascript">
	$(document).ready(function() 
    	{ 
      	  $(".tablesorter").tablesorter(); 
   	 } 
	);
	$(document).ready(function() {
 
	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
 
	//On Click Event
	$("ul.tabs li").click(function() {
 
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content
 
		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});
 
});
    </script>
    <script type="text/javascript">
    $(function(){
        $('.column').equalHeight();
    });
	</script>
 
	<link rel="shortcut icon" href="" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="ESS - Elektroniczny dziennik składek" />
	<meta name="keywords" content="ESS, kubek3898" />
	<meta name="author" content="kubek3898" />
	<title>ESS - Panel administracyjny</title>
 
	<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
    <!--[if lt IE 9]>
	<link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen" />
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
 
	<header id="header">
		<hgroup>
			<h1 class="site_title"><a href="index.php">ESS</a></h1>
			<h2 class="section_title"><?php if(isset($breadcrumbs)) echo $breadcrumbs; ?></h2><div class="btn_view_site"><a href="../index.php">Strona główna</a></div>
		</hgroup>
	</header> <!-- end of header bar -->
 
	<section id="secondary_bar">
		<div class="user">
			<p>Admin (<a href="#">X Wiadomości</a>)</p>
			<!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
		</div>
        <div class="breadcrumbs_container">
			<article class="breadcrumbs"><a href="?page=index">Panel administracyjny</a> <div class="breadcrumb_divider"></div> <a href="?page=<?php echo $breadcrumbs; ?>" class="current"><?php if(isset($breadcrumbs)) echo $breadcrumbs; ?>
</a></article> 
		</div>
	</section><!-- end of secondary bar -->
 
	<aside id="sidebar" class="column">
		<form class="quick_search">
			<input type="text" value="Szukaj" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;">
		</form>
		<hr/>
		<h3>System składek</h3>
		<ul class="toggle">
			<li class="icn_new_article"><a href="?page=add_cash">Dodaj wpłatę</a></li>
			<li class="icn_edit_article"><a href="?page=edit_cash">Edytuj / usuń wpłatę</a></li>
			<li class="icn_categories"><a href="?page=statistics">Statystyki wpłat</a></li>
		</ul>
		<h3>Użytkownicy</h3>
		<ul class="toggle">
			<li class="icn_add_user"><a href="?page=add_user">Dodaj nowego użytkownika</a></li>
			<li class="icn_view_users"><a href="?page=list_users">Lista użytkowników</a></li>
			<li class="icn_profile"><a href="?page=profile">Twój profil</a></li>
		</ul>
		<h3>Admin</h3>
		<ul class="toggle">
			<li class="icn_settings"><a href="?page=settings">Ustawienia</a></li>
			<li class="icn_security"><a href="?page=security">Bezpieczeństwo</a></li>
            <li class="icn_tags"><a href="?page=license">Licencja</a></li>
			<li class="icn_jump_back"><a href="?page=logout">Wyloguj</a></li>
		</ul>
        <h3>Statystyki i logowania</h3>
		<ul class="toggle">
			<li class="icn_photo"><a href="?page=visit">Odwiedziny</a></li>
			<li class="icn_folder"><a href="?page=settlement">Rozliczenia</a></li>
            <li class="icn_video"><a href="?page=logs">Logowania</a></li>
		</ul>
 
		<footer>
			<hr />
			<p><strong>ESS - Elektroniczny dziennik składek ver. 0.0.1 &copy; kubek3898</strong></p>
		</footer>
	</aside><!-- end of sidebar -->
<?php
 
$breadcrumbs = '';
 
switch($_GET['page'])
{
	case 'index':
	{
		$breadcrumbs = 'Kokpit';
		//require_once "index.php";
		break;
	}
	case 'add_cash':
	{
		$breadcrumbs = 'Dodaj wpłatę';
		require_once "add_cash.php";
		break;
	}
	case 'edit_cash':
	{
		$breadcrumbs = 'Edytuj wpłatę';
		require_once "edit_cash.php";
		break;
	}
	case 'statistics':
	{
		$breadcrumbs = 'Statystyki';
		require_once "statistics.php";
		break;
	}
	case 'add_user':
	{
		$breadcrumbs = 'Dodaj nowego użytkownika';
		require_once "add_user.php";
		break;
	}
	case 'list_users':
	{
		$breadcrumbs = 'Lista użytkowników';
		require_once "list_users.php";
		break;
	}
	case 'profile':
	{
		$breadcrumbs = 'Twój profil';
		require_once "profile.php";
		break;
	}
	case 'settings':
	{
		$breadcrumbs = 'Ustawienia';
		require_once "settings.php";
		break;
	}
	case 'security':
	{
		$breadcrumbs = 'Bezpieczeństwo';
		require_once "security.php";
		break;
	}
	case 'license':
	{
		$breadcrumbs = 'Licencja';
		require_once "license.php";
		break;
	}
	case 'logout':
	{
		$breadcrumbs = 'Wyloguj';
		require_once "logout.php";
		break;
	}
	case 'visit':
	{
		$breadcrumbs = 'Odwiedziny';
		require_once "visit.php";
		break;
	}
	case 'settlement':
	{
		$breadcrumbs = 'Rozliczenia';
		require_once "settlement.php";
		break;
	}
	case 'logs':
	{
		$breadcrumbs = 'Logowania';
		require_once "logs.php";
		break;
	}
}
 
?>
[PHP] pobierz, plaintext 

Tak wygląda core.php

[PHP] pobierz, plaintext 
<?php
 
session_start();
 
require_once "config.php"; // Wiem nie opłaca się dla włączania 1 pliku, ale później tutaj będzie dalszy kod...
 
?>
[PHP] pobierz, plaintext 

oraz config.php

[PHP] pobierz, plaintext 
<?php
 
$db['host'] = '127.0.0.1';
$db['user'] = 'root';
$db['pass'] = '';
$db['select'] = 'test';
 
$db['connect'] = mysql_connect($db['host'], $db['user'], $db['pass']) 
or die('Połączenie z bazą danych nie powiodło się. Sprawdź plik <strong>config.cfg</strong>');
 
mysql_select_db($db['select'], $db['connect'])
or die('Wybór bazy danych nie powiódł się. Sprawdź plik <strong>config.cfg</strong>');
 
@mysql_query("SET NAMES utf8", $db['connect']);
@mysql_query("SET CHARACTER SET utf8", $db['connect']);
@mysql_query("SET collation_connection = utf8_general_ci", $db['connect']);
@mysql_query("set character_set_connection=utf8", $db['connect']); 
@mysql_query("set character_set_client=utf8", $db['connect']); 
@mysql_query("set character_set_database=utf8", $db['connect']); 
@mysql_query("set character_set_results=utf8", $db['connect']); 
@mysql_query("set character_set_server=utf8", $db['connect']); 
@mysql_query("set collation_database=utf8_general_ci", $db['connect']); 
@mysql_query("set collation_server=utf8_general_ci", $db['connect']);
 
?>
[PHP] pobierz, plaintext 

No i przykładowy plik logs.php:

[PHP] pobierz, plaintext 
<?php
/*
$row = mysql_fetch_assoc(mysql_query("SELECT * FROM logs", $db['connect']));
 
$_SESSION['id'] = $row['id'];
$_SESSION['ip'] = $row['ip'];
$_SESSION['login'] = $row['login'];
$_SESSION['data'] = date("d.m.Y, H:i", $row['data']);
$_SESSION['udane'] = $row['udane'];
*/
?>
 
<section id="main" class="column">
 
		<h4 class="alert_info">Poniżej znajdują się logi panelu administracyjnego, rejestrujące każdą akcję administracyjną.</h4>
 
		<article class="module width_full">
				</article>
				<div class="clear"></div>
			</div>
		</article><!-- end of stats article -->
 
		<article class="module width_3_quarter">
		<header><h3 class="tabs_involved">Logowania</h3>
		</header>
 
		<div class="tab_container">
			<div id="tab1" class="tab_content">
			<table class="tablesorter" cellspacing="0"> 
			<thead> 
				<tr> 
    				<th>ID</th> 
    				<th>IP</th> 
    				<th>Login</th> 
    				<th>Data</th>
                    <th>Udane</th>
                    <th>Akcje</th> 
				</tr> 
			</thead> 
			<tbody> 
				<tr> 
    				<td><?php echo $_SESSION['id'] ?></td> 
    				<td><?php echo $_SESSION['ip'] ?></td> 
    				<td><?php echo $_SESSION['login'] ?></td> 
                    <td><?php echo $_SESSION['data']; ?></td> 
    				<td><?php echo $_SESSION['udane'] ?></td> 
    				<td><input type="image" src="../images/icn_edit.png" title="Edit"><input type="image" src="../images/icn_trash.png" title="Trash"></td> 
				</tr>  
			</tbody> 
			</table>
			</div><!-- end of #tab1 -->
            </div><!-- end of .tab_container -->
		</article><!-- end of content manager article -->
[PHP] pobierz, plaintext 

@refresh...

Proszę o pomoc, utknąłem w tym miejscu ;D