[php] Jak zrobić podkreślenie oglądanego linku? Opcje

[harbii]

Witam!
Chciałbym zrobić coś takiego:
Mamy:

Link1 * Link2 * Link3 * Link4

Chciałbym aby po kliknieciu np Link2 (otwiera się stronka) i linki wyglądają tak:

Link1 * Link2 * Link3 * Link4

Jeżeli wybiore sobie np link4 to mamy:

Link1 * Link2 * Link3 * Link4


Czyli jak zrobić aby w "menu" z linkami był podreślany link z którego aktualnie oglądana jest stronka?
Oczywiście po przejściu na inny link podkreślony jest tylko ten na który prześliśmy (tak jak w przykładzie).

Ten post edytował harbii 17.10.2006, 17:40:44

[batman]

http://www.w3schools.com/css/css_pseudo_classes.asp

[siemakuba]

Nie, nie chodzi tu o pseudoklasy hover, active itp.
Musisz jakoś wiedzieć na której jesteś podstronie. Załóżmy, że zrobisz sobie zmienną, która będzie przechowywała informacje o aktualnej oglądanej stronie.

[PHP] pobierz, plaintext 
<?php
$page = 'strona2';
?>
[PHP] pobierz, plaintext 

Teraz, musisz nadać linkowi odpowiadającemu tej stronie odpowiednia klasę.

[PHP] pobierz, plaintext 
<?php
echo '<a href="#" class="'.($page == 'strona1' ? 'current' : 'normal').'">Link 1</a>';
echo '<a href="#" class="'.($page == 'strona2' ? 'current' : 'normal').'">Link 2</a>';
echo '<a href="#" class="'.($page == 'strona3' ? 'current' : 'normal').'">Link 3</a>';
?>
[PHP] pobierz, plaintext 

Na koniec, nadajesz klasie "current" odpowiedni styl:

[HTML] pobierz, plaintext 
A.current {
    text-decoration:underline;
}
[HTML] pobierz, plaintext 

pozdr.

[Lee]

Kod

a.active {
    text-decoration: underline;
}

nie działa ?

[batman]

Musisz jakoś wiedzieć na której jesteś podstronie. Załóżmy, że zrobisz sobie zmienną, która będzie przechowywała informacje o aktualnej oglądanej stronie.

Po co zmienna? $_SERVER - tam jest wszystko co potrzeba. Po za tym jestem pewien, że pseudo klasy powinny sobie z tym poradzić.

Ten post edytował batman 13.10.2006, 20:15:25

[harbii]

hmmm zaden pomysł nie działa
@siemakuba - może twój jest ok. ale co gdziw powklejac bo niebardzo mi to działa. Może coś źle robie.
Podaj wersje dla totalnego laika. gdzie co wkleić na które podstrony jaki kod
ja zrobułem w menu.php

[PHP] pobierz, plaintext 
<?php
echo '<a href="#" class="'.($page == 'strona1' ? 'current' : 'normal').'">Link 1</a>';
echo '<a href="#" class="'.($page == 'strona2' ? 'current' : 'normal').'">Link 2</a>';
echo '<a href="#" class="'.($page == 'strona3' ? 'current' : 'normal').'">Link 3</a>';
?>
[PHP] pobierz, plaintext 

w style.css

[HTML] pobierz, plaintext 
A.current {
text-decoration:underline;
}
[HTML] pobierz, plaintext 

i w np index.php

[PHP] pobierz, plaintext 
<?php
$page = 'strona1';
?>
[PHP] pobierz, plaintext 

itd z s2 s3

ale tak nie działa.
HELP!

[siemakuba]

@harbii: możesz pokazać troszkę więcej (jakikolwiek) kodu - jak i gdzie ustawiasz zmienne, jak pokazujesz.

@batman: masz rację, jest tablica $_SERVER, ale wydaje mi się, że dla laika prościej będzie ustawić kilka zmiennych i z nich korzystać niż grzebać w tabjemniczej tablicy $_SERVER i dochodzić co w niej jest.

Po za tym jestem pewien, że pseudo klasy powinny sobie z tym poradzić.

Moja pewność jest zupełnie odwrotna. Nie wydaje mi się, żeby CSS wiedział jaką stronę aktualnie przeglądasz :) Pseudoklasa :active uruchamia się zdaje się w momencie kliknięcia na link, prawda? Po tym kliknięciu jesteś już na kolejnej podstronie.

pozdr.

[batman]

masz rację, jest tablica $_SERVER, ale wydaje mi się, że dla laika prościej będzie ustawić kilka zmiennych i z nich korzystać niż grzebać w tabjemniczej tablicy $_SERVER i dochodzić co w niej jest.

Wydaje mi się, że lepiej od samego początku uczyć się poprwnie programować, niż kombinować jak koń pod górkę. Co do styli, to moja pewność nieco zmalała

[phpion]

a:active zadziala ale tylko w ramkach. Przy przeladowaniu strony nie bedzie dzialac. Moze zrobic to tak:

[HTML] pobierz, plaintext 
.aktywny {
	font-weight: bold;
}
.normalny {
	font-weight: normal;
}
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?php
$pages = Array(1 => "Strona glowna", "Druga strona", "Trzecia strona");
 
$page = (isset($_GET['page'])) ? $_GET['page'] : 1;
 
foreach ($pages as $index => $value)
{
	$class = ($index == $page) ? 'aktywny' : 'normalny';
 
	echo '<a href="index.php?page='.$index.'" class="'.$class.'">'.$value.'</a> ';
}
?>
[PHP] pobierz, plaintext 

W sumie nie sprawdzalem ale powinno byc ok.

[s_w_ir]

To co podam poniżej działa dzięki temu że body każdej strony ma inne id. Tzn dzięki id wiadomo która zakładka ma być wyrózniona.

http://forum.php.pl/index.php?showtopic=52...mp;#entry287981

[harbii]

po testach i małych przeróbkach działa sposób @siemakuba
ALE
nie działa jeżeli wszystko wrzucam przez index.php.

Czyli jeżeli napisze to tak:

start.php

[PHP] pobierz, plaintext 
<LINK rel="stylesheet" href="tlo.css" type="text/css">
<?php
$page = 'strona1';
?>
<?php
echo '<a href="start.php" class="'.($page == 'strona1' ? 'current' : 'normal').'">start<br></a>';[php]
echo '<a href="strona2.php" class="'.($page == 'strona2' ? 'current' : 'normal').'">Link 2<br></a>';
echo '<a href="kontakt.php" class="'.($page == 'strona3' ? 'current' : 'normal').'">Link 3<br> </a>';
?>
 
START
[PHP] pobierz, plaintext 

strona2.php

[PHP] pobierz, plaintext 
<LINK rel="stylesheet" href="tlo.css" type="text/css">
<?php
$page = 'strona2';
?>
<?php
echo '<a href="start.php" class="'.($page == 'strona1' ? 'current' : 'normal').'">start<br></a>';
echo '<a href="strona2.php" class="'.($page == 'strona2' ? 'current' : 'normal').'">Link 2<br></a>';
echo '<a href="kontakt.php" class="'.($page == 'strona3' ? 'current' : 'normal').'">Link 3<br> </a>';
?>
 
STRONA2
[PHP] pobierz, plaintext 

kontakt.php

[PHP] pobierz, plaintext 
<LINK rel="stylesheet" href="tlo.css" type="text/css">
<?php
$page = 'strona3';
?>
<?php
echo '<a href="start.php" class="'.($page == 'strona1' ? 'current' : 'normal').'">start<br></a>';
echo '<a href="strona2.php" class="'.($page == 'strona2' ? 'current' : 'normal').'">Link 2<br></a>';
echo '<a href="kontakt.php" class="'.($page == 'strona3' ? 'current' : 'normal').'">Link 3<br> </a>';
?>
 
KONTAKT
[PHP] pobierz, plaintext 

tlo.css

[HTML] pobierz, plaintext 
BODY { background-color:#000000; font-size:10; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif}
A{color: ffffff; text-decoration:inherit; text-decoration: none; font-size:12; font-family:Arial, Helvetica, sans-serif}
A:hover{color: #ffffff; font-size:12;  text-decoration:underline; font-family:Arial, Helvetica, sans-serif}
table { background-color:#000000; font-size:13; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif}
A.current {
text-decoration:underline;
}
[HTML] pobierz, plaintext 

TO DZIAŁA!!!

ale nie o to chodzi nie poto robie tą stronke w php aby każdą osobno pisać

Ja bym chciał ayby działało to tak:

tlo.css

[HTML] pobierz, plaintext 
BODY { background-color:#000000; font-size:10; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif}
A{color: ffffff; text-decoration:inherit; text-decoration: none; font-size:12; font-family:Arial, Helvetica, sans-serif}
A:hover{color: #ffffff; font-size:12;  text-decoration:underline; font-family:Arial, Helvetica, sans-serif}
table { background-color:#000000; font-size:13; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif}
A.current {
text-decoration:underline;
}
[HTML] pobierz, plaintext 

menu.php

[PHP] pobierz, plaintext 
<?php
echo '<a href="index.php?srodek=start.php" class="'.($page == 'strona1' ? 'current' : 'normal').'">start<br></a>';
echo '<a href="index.php?srodek=strona2.php" class="'.($page == 'strona2' ? 'current' : 'normal').'">Link 2<br></a>';
echo '<a href="index.php?srodek=kontakt.php" class="'.($page == 'strona3' ? 'current' : 'normal').'">Link 3<br> </a>';
?>
[PHP] pobierz, plaintext 

start.php

[PHP] pobierz, plaintext 
<?php
$page = 'strona1';
?>
 
 
START
[PHP] pobierz, plaintext 

kontakt.php

[PHP] pobierz, plaintext 
<?php
$page = 'strona3';
?>
 
 
KONTAKT
[PHP] pobierz, plaintext 

strona2.php

[PHP] pobierz, plaintext 
<?php
$page = 'strona2';
?>
 
 
STRONA2
[PHP] pobierz, plaintext 

A WSZYSTKO IDZIE PRZEZ INDEX.php

index.php

[PHP] pobierz, plaintext 
<LINK rel="stylesheet" href="tlo.css" type="text/css">
 
<?php
include ('menu.php')
?><br />
<br />
<?php
 
 
				if (isset($_GET['srodek']))
				{
					$srodek=$_GET['srodek'];
					include("./$srodek");
				}
				else
				{ 
				include('./start.php');
				}
 
			?>
[PHP] pobierz, plaintext 

A w ten sposób nie działa Myśl @siemakuba jest dobra ale teraz pomóżcie w przerobieniu to aby działoło to przez includy w index.php

[siemakuba]

Bo, skoro robisz to tak, to wszystko jets proste. Zamiast tworzyć zmienne tak jak pokazałem możesz użyć tego co już masz, czyli zmiennych w $_GET, bo na ich podstawie pokazujesz cokolwiek w środku.

Plik menu.php:

[PHP] pobierz, plaintext 
<?php
echo '<a href="start.php" class="'.($_GET['srodek'] == 'strona1' ? 'current' : 'normal').'">start<br></a>';
echo '<a href="strona2.php" class="'.($_GET['srodek'] == 'strona2' ? 'current' : 'normal').'">Link 2<br></a>';
echo '<a href="kontakt.php" class="'.($_GET['srodek'] == 'strona3' ? 'current' : 'normal').'">Link 3<br> </a>';
?>
[PHP] pobierz, plaintext 

Oczywiście zamiast strona1, strona2 itd. podstaw swoje wartości.

pozdr.

[harbii]

wywala teraz

Notice: Undefined index: srodek in d:\easyphp1-8\easyphp1-8\www\t\menu.php on line 2
start

Notice: Undefined index: srodek in d:\easyphp1-8\easyphp1-8\www\t\menu.php on line 3
Link 2

Notice: Undefined index: srodek in d:\easyphp1-8\easyphp1-8\www\t\menu.php on line 4
Link 3


START

[phpion]

Moze sprobuj przetestowac to, co ja napisalem? Moje dziala na pewno.

[siemakuba]

O ranny rany...
kurcze, trzeba jeszcze by sprawdzić skąd się bierze taki Notice, ale to już nie proste.. eh...
Undefined Index = nie w tablicy $_GET klucza 'srodek'. W kodzie, który pokazałeś masz sprawdzanie tego, uznałem że dalej sobie poradzisz.

Zrób tak:

[PHP] pobierz, plaintext 
<?php
$page = isset($_GET['srodek']) ? $_GET['srodek'] : '');
 
echo '<a href="start.php" class="'.($page == 'strona1' ? 'current' : 'normal').'">start<br></a>';
echo '<a href="strona2.php" class="'.($page == 'strona2' ? 'current' : 'normal').'">Link 2<br></a>';
echo '<a href="kontakt.php" class="'.($page == 'strona3' ? 'current' : 'normal').'">Link 3<br> </a>';
?>
[PHP] pobierz, plaintext 

pozdr.

[harbii]

@siemakuba
coś to nie działa , w drugiej linie jest błąd, coś chyba z nawiasami.

@phpion.com
to działa. tylko podpowiedz mi gdzie wpisać linki do podstron?

[siemakuba]

@harbii: osłabiasz mnie... gdybyś trochę pomyślał a nie oczwkiwał gotowego rozwiązania wszystko by działało. Fakt, zgubiłem jeden nawias, ale powinieneś to zauważyć, tymbardziej, że dostałeś info o błędzie.

[PHP] pobierz, plaintext 
<?php
$page = isset($_GET['srodek']) ? $_GET['srodek'] : '';
?>
[PHP] pobierz, plaintext 

To jest poprawiona linia 2. Z mojej strony EOT, dopuki nie wykażesz inicjatywy.

pozdr.

Ten post edytował siemakuba 15.10.2006, 12:37:29

[harbii]

jakbym się tak dobrze znał na php to bym poprawiał błędy, ale ja niestety się dopiero uczę php

po twojej poprawce niestety nadal nie działa.

pomysł @phpion.com działa
tylko nie wiem jak wpisac linki

Ten post edytował harbii 16.10.2006, 10:26:04

[lopik]

Do skryptu: phpion.com

Jeśli dobrze to rozumiem, to dopisujesz je do tablicy:
Przecinek, i w nawiasie nazwa linka.

[PHP] pobierz, plaintext 
<?php
$pages = array(1 => "Strona glowna", "Druga strona", "Trzecia strona", "Strona Czwarta");
?>
[PHP] pobierz, plaintext 

Ale pewno nie rozumiem tego

Ten post edytował lopik 16.10.2006, 11:17:15

[harbii]

no ok.
ale gdzie wpisać linki?
bo jak skopiuje <a ....
to dublują sie i mam
Strona glowna Druga strona Trzecia strona Strona glowna Druga strona Trzecia strona

Ten post edytował harbii 16.10.2006, 11:47:36