menu class=current - jak to ogarnać?

Question

No cześć, to mam taki kod:

<div id="menu">
			<a href="index.php" class="current">MCRAK</a>
			<a href="#2" ><s>FORUM</s></a>
			<a href="rekrutacja.php">REKRUTACJA</a>
			<a href="#4">KONTAKT</a>
(i tam jeszcze coś z php)
</div>

Moje pytanie brzmi tak, jak zrobić, aby gdy kliknę w Forum- przeniesie mnie na FORUM to wtedy 'forum' bedzie zaznaczone, a gdy w REKRUTACJA to wtedy to będzie zaznaczone. Przykład: www.mcrak.pl <- tę stronę właśnie robie (na podstawie kursu Pana Mirka oraz swoich wcześniejszych planów).

Answer 1

Witaj,

Można pobrać URL strony, a następnie użyć instrukcji warunkowej przy ustawianiu klasy dla odpowiednich przycisków w menu.

Są nawet łatwiejsze metody.

Założmy, że ma Pan skrypty zaloguj.php oraz home.php. Wystarczy na samej górze skryptu dodać:

$activePage = "home"; - dla home.php

$activePage ="zaloguj"; - dla zaloguj.php

Następnie wystarczy przy każdym przycisku w menu dodać instrukcję typu:

<?php 

if($activePage == "sauna"){
echo 'class="active"';
}else{
echo '';
}
/*
Jeśli aktualna strona == np. "sauna" ustaw klasę active.
Musi Pan to zrobić w ten sposób, aby class="active" było w specyfikacji znacznika <a>
*/

 

Comments

Cześć, jak wyglądałoby to w moim przypadku, gdzie mam osobne menu w 'header.php' a podstrony (content) to osobne pliki:

<div id="wrapper">
	<div id="header">
	<div id="logo"><img src="img/logo.png"></div>
		<div id="menu">
			<a href="index.php" class="current">MCRAK</a>
			<a href="#" ><s>FORUM</s></a>
			<a href="rekrutacja.php">REKRUTACJA</a>
			<a href="#"><s>KONTAKT</s></a>
<?php
if(!isset($_SESSION['zalogowany'])/*mozliwe jakies inne warunki do spelnienia*/){
echo '<a href="zaloguj.php">LOGOWANIE</a>'; // srednik na koncu

a sama rekrutacja.php wygląda tak:

<?php

	session_start();
	
	if (!isset($_SESSION['zalogowany']))
	{
		header('Location: zaloguj.php');
		exit();
	}
?>
<?php
	include('header.php');
?>
   
 <center><img src="img/rekru.png">
 <a href="#"><img src="img/apli2.png"></a></center>
<?php
	include('footer.php');
?>

 

---

rekrutacja.php

<?php
$currentPage = "rekrutacja";
?>

header.php

Dla buttonu REKRUTACJA powinno to wyglądać mniej-więcej tak:

<a href="rekrutacja.php" class="<?php if($currentPage=='rekrutacja'){
 	echo 'active';
 }else{
 	echo '';
 } 
 ?>">REKRUTACJA</a>

 

---

[...]
<?php
    $current = "rekrutacja";
    include('header.php');
?>
[...]

i

[...]
<a href="index.php" <?php if($current=="index") echo 'class="current"'; ?>>MCRAK</a>
<a href="#2" ><s>FORUM</s></a>
<a href="rekrutacja.php" <?php if($current=="rekrutacja") echo 'class="current"'; ?>>REKRUTACJA</a>
<a href="#4">KONTAKT</a>
[...]

 

---

Okey, to działa! Ale np mam teraz oskryptowane (dla uprawnień) pewne rzeczy w menu, to jak wsadzić taki kod jak powyżej?

<a href="#4"><s>KONTAKT</s></a>
			
<?php
if(!isset($_SESSION['zalogowany'])/*mozliwe jakies inne warunki do spelnienia*/){
echo '<a href="zaloguj.php">LOGOWANIE</a>'; // srednik na koncu
} else {
echo '<a href="baza.php">BAZA DANYCH  </a>;
<a href="logout.php">WYLOGUJ</a>'; // srednik na koncu
}
?>
		</div>

Bo próbowałem to wstawić nawet w tych ' ' ale biała strona wtedy się wyświetla.

---

[...]
echo '<a href="zaloguj.php"';
if($current=="zaloguj") echo ' class="current"';
echo '>LOGOWANIE</a>';

[...]

echo '<a href="baza.php"';
if($current=="baza") echo ' class="current"';
echo '>BAZA DANYCH  </a>';
echo '<a href="logout.php">WYLOGUJ</a>';
[...]

 

Można to też zrobić w jednej echo. Jeśli jesteś zainteresowany tym rozwiązaniem wstarczy napisać. 

 

---

Wybacz, że tak późno- ale wolne miałem.

Jakby się dało tak że dla zaloguj jedno echo, a dla baza jedno echo to byłoby super, choć to też nie jest złe, ale więcej kodu :P jak uważasz, jak jest bardziej praktyczniej i lepiej?

---

[...]
echo '<a href="zaloguj.php"'.($current=="zaloguj" ? ' class="current"' : '').'>LOGOWANIE</a>';
[...]
echo '<a href="baza.php"'.($current=="baza" ? ' class="current"' : '').'>BAZA DANYCH</a><a href="logout.php">WYLOGUJ</a>';
[...]

Dla mnie to rozwiązanie jest przyjemniejsze, ale przy nim łatwiej się pomylić i może trochę zająć zanim znajdziesz błąd.

 

Answer 2

musisz dodać atrybut active czyli:

#menu a:active
{
 background-color: //tutaj dodajesz kolor

}

Pozdrawiam serdecznie

Comments

ale jak to zaimplementować na stronę kolego? Sam zobacz, że jak klikne w REKRUTACJA to kolor się zmieni- taki jaki jest ustawiony na current (jak się wchodzi do 'MCRAK' jest podkreślony pieknie, że teraz tam się znajdujemy).

Answer 3

Zainteresuj się AJAX'em, pozwoli Ci na przeładowywanie poszczególnych treści bez przeładowania całej strony + funkcja w javascript która przypisuje klasę wyróżniającą klikniętemu elementowi i zabierająca tą klasę elementowi wcześniej aktywnemu.

Answer 4

W jednym pliku html tego nie zrobisz(chyba że użyjesz javascript). W php możesz to zrobić przy użyciu instrukcji if(potrzebował być do tego przekazać coś w $_GET).

Comments

Lub każdy przycisk podpiąć do innego pliku i wtym pliku recznie zmienić class="current" do opowiedniego linku.

REKRUTACJA to plik zaloguj.php nie mam pojęcia co tam napisałeś ale jeśli jest tam to:

<div id="menu">
            <a href="index.php" class="current">MCRAK</a>
            <a href="#2" ><s>FORUM</s></a>
            <a href="rekrutacja.php">REKRUTACJA</a>
            <a href="#4">KONTAKT</a>
(i tam jeszcze coś z php)
</div>

to zmień to na:

<div id="menu">
            <a href="index.php">MCRAK</a>
            <a href="#2" ><s>FORUM</s></a>
            <a href="rekrutacja.php" class="current">REKRUTACJA</a>
            <a href="#4">KONTAKT</a>
(i tam jeszcze coś z php)
</div>

 

---

Moja strona jest zincludowana. rekrutacja to rekrutacja, baza to baza, index to index, a menu znajduje się w lincludzie 'header.php'.

 

Wiec nie ma innej opcji?

---

Potrzebujesz jakoś przekazać do menu na jakie stronie aktualnie się znajduje. Musze coś sprawdzić. Jak coś wymyśle napisze później.