PHP/CSS Aktywny button w menu i submenu

pytanie zadane 23 lutego 2016 w HTML i CSS przez Piotr Stręk Nowicjusz (220 p.)

Witam.

Jak zrobić by po kliknięciu w rozwijanej liście menu odnośnika, przycisk wybrany i nagłówka listy był aktywny

przykład:

1. otwieram menu poziome rozwijane

menu a | menu b | menu c

2. rozwijam listę w przycisku menu b

menu a | menu b | menu c

pod menu b #1

pod menu b #2

pod menu b #3

3. w liście klikam przycisk "pod menu b #2"

menu a | menu b | menu c

pod menu b #1

pod menu b #2

pod menu b #3

4. jestem na str przycisku "pod menu b #2" , przycisk jest aktywny

ale dopiero widzę gdy najadę na przycisk "menu b" który jest nie aktywny

menu a | menu b | menu c

pod menu b #1

pod menu b #2

pod menu b #3

tak działa u mnie na str. menu

[http://gildia-oriental.esy.es/php/big/p5.php]

a chciałbym by po kliknięciu odnosnika z rozwijanej listy on był aktywny oraz ten przycisk pod którym po najechaniu myszką pojawia się lista.

u mnie na str. zrobiłem za pomocą.

		<div id="nav">
				    <?php $webpage="p5"; ?>
					<?php include '../web/nav.php'; ?>
		</div>

<li><a <?php if ($webpage=="1"){echo "class='active'";}?> href="../web/1.php">Rada Gildii</a>
		<ul>
				<li><a <?php if ($webpage=="p1"){echo "class='active2'";}?> href="../big/p1.php">Zawiszanka</a></li>
				<li><a <?php if ($webpage=="p2"){echo "class='active2'";}?> href="../big/p2.php">-=Yohny=-</a></li>
				<li><a <?php if ($webpage=="p5"){echo "class='active2'";}?> href="../big/p5.php">ArtB</a></li>
				<li><a <?php if ($webpage=="p37"){echo "class='active2'";}?> href="../big/p37.php">JUSTPL</a></li>
				<li><a <?php if ($webpage=="p6"){echo "class='active2'";}?> href="../big/p6.php">lubart</a></li>
				<li><a <?php if ($webpage=="p7"){echo "class='active2'";}?> href="../big/p7.php">Mariusz*(L)*</a></li>
				<li><a <?php if ($webpage=="p22"){echo "class='active2'";}?> href="../big/p22.php">matteo8</a></li>
		</ul>
</li>

ale może być tylko 1 przycisk aktywny

poniżej kody stron

p5.php

http://www.wklej.eu/index.php?id=acc72af94d

nav.php

http://www.wklej.eu/index.php?id=07c1b1c9f3

style_nav.css

http://www.wklej.eu/index.php?id=e832894bc5

style.css

http://www.wklej.eu/index.php?id=8e0c1c9d21

1 odpowiedź

odpowiedź 23 lutego 2016 przez makoso Mądrala (7,380 p.)

Nie odpowiem na pytanie, nie wiem, ja bym to w js zapisał i troszkę inaczej mniejsza o to, chcę powiedzieć o czymś innym.

Zamierzasz ogarniać taką stronę w samym PHP???? Radzę poczytaj o Bazach Danych, stronę masz na hostingerze, masz tam dostęp do bazy danych.

Wyobraź sobie ile musisz zrobić dodając np. nowego gracza, będzie Ci się chciało? powinieneś "zautomatyzować" swoją stronę.

komentarz 24 lutego 2016 przez Piotr Stręk Nowicjusz (220 p.)

na stronie używam dużo include

<?php include('../web/headline.php'); ?> 

	<title>Rada Gildii: ArtB</title>

</head>

<body class="background_o12">

	<div id="container">
	
		<div id="logo">
			<?php include('../web/logo.php'); ?>
		</div>
	
		<div id="nav">
				    <?php $webpage="p5"; ?>
					<?php include '../web/nav.php'; ?>
		</div>
		
		<div id="ad">
			<?php include('../web/ad.php'); ?>
		</div>
		
		<div id="content">
			
<center>

<marquee onmouseover='this.stop()' onmouseout='this.start()'>
<a href="http://s21.pl.gladiatus.gameforge.com/game/index.php?mod=player&p=329993" target="_blank">
<div class="profil_gracza">Link do profilu gracza</div></a></marquee>
<br /><br />
<img src="../../player/p5b.png">
<br />
<img src="../../player/p5.jpg">
<br /><br /><br />
<img src="../../player/p5c.png">

</center>

		</div>
		
		<div style="clear:both;"></div>
		
		<div id="footer">
			<?php include('../web/footer.php'); ?>
		</div>
	
	</div>

</body>
</html>

Wyobraź sobie ile musisz zrobić dodając np. nowego gracza, będzie Ci się chciało? powinieneś "zautomatyzować" swoją stronę.

jak się ma mało wiedzy jak ja ...

właśnie w nowej aktulizacji stronki dojdzie kolejne +30 'graczy'

i chciałbym aby miała troszkę więcej zmian,

komentarz 24 lutego 2016 przez makoso Mądrala (7,380 p.)

Jak wrócę do domu spróbuję Ci pomóc zrobić to z bazą danych

komentarz 24 lutego 2016 przez efiku Szeryf (75,160 p.)

Twig :P

Idziesz w złą stronę z PHP. Ogarnij sobie jakiś routing, do tego system szablonów Twig no i już może PDO do obsługi baz danych.

Podaj więcej informacji (co najmniej 12 znaków)

komentarz 24 lutego 2016 przez makoso Mądrala (7,380 p.)

efik Podaj więcej informacji (co najmniej 12 znaków) to komentarz do mnie? bo nie wiem ;) czy tłumaczysz dlaczego dopisałeś coś oprócz Twig-a? ;)

Tak jak napisał Efik wyżej najlepiej ogarnąć Twiga i routing (też byłem oporny i nie chciałem ;) ) ja do tego celu wybrałem symfony jednak nie wiem czy to bedzie dla Ciebie najlepszym rozwiązaniem.

Co do baz, na czym one polegają i jak ich używać możesz obejrzeć tutaj(film p.Zelenta):
https://www.youtube.com/watch?v=99JAI24Zd24
Natomiast obsługę z pomocą PDO możesz załapać np z wikipedii:
https://pl.wikibooks.org/wiki/PHP/Biblioteka_PDO

Film i wikipedia różnią się tym że w filmie jest używane mysqli a na wikipedii PDO, jak gdzieś trafisz na używanie mysql (bez "i" na końcu) to odrazu uciekaj ze strony ;)

Routing jako taki możesz napisać korzystając z tej serii krótkich filmików, jest po angielsku ale przepisując kod załapiesz (ja tak zrobiłem, działało ;))
https://www.youtube.com/watch?v=OsCTzGASImQ