Forum PHP.pl > [js][css] problem z menu na CSS i JS przy przeładowaniu strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js][css] problem z menu na CSS i JS przy przeładowaniu strony

FinniFun

7.05.2007, 10:52:06

Witam...

Mam problem i kilka opcji rozwiazania go ale żadna nie jest zbytnio "fajna". Jest menu oparte na ol-li. fragment kodu menu w html wygląda tak:

[HTML] pobierz, plaintext 
<html>
<head>
  <style>
.A ol{
list-style-type:none;
display:block;
}
 
.B ol{
list-style-type:none;
display:none;
}
</style>
</head>
<body>
<ol id="menu">
  <li id="1"><a href=".." onClick="zmienstyl za A na B dla li o id 1">asdfasdf</a></li>
  <li id="2"><a onClick="zmienstyl za A na B dla li o id 2">kk</a>
      <ol class="B">
        <li>asdfasdfasdfas</li>
        <li>asdfasdfasdfas</li>
     </ol>
  </li>
</ol>
</body>
</html>
[HTML] pobierz, plaintext

Samo menu działa na zasadzie że CSS ukrywa i pokazuje dzieci dzieci. A JS na onclick zamienia style...co powoduje ze sie chowa...
I teraz mam problem żeby przy przeładowniau strony...to co zostało rozwinięte pozostało rozwinięte...
Wymyśliłem żeby dokładać do url id tych elementów które były rozwinięte, ale sa duze problemy(masa kodu niepotrzebnego) jeśli do gry wejdą formularze ze swoimi action...moze ktoś juz miał taki problem i go rozwiązał...
PS. Menu wywalane jest z bazy wiec nie ma problemu z ID do każdego elementu menu...

[+] edit
Dodaje tag, aby temat był zgodny z forum Przedszkole,
ponieważ już padły odpowiedzi. Na przyszłość proszę
pamiętać o tym, inaczej temat zostanie zamknięty.
---
~strife

artur81

7.05.2007, 11:03:56

a nie możesz dać jakiejś klasy w CSS'ie dla elementu który ma być rozwinięty i w np GET'em przenosić dane pomiędzy stronami?
Kiedyś napisałem coś takiego, może ten fragment Ci trochę pomoże:

[PHP] pobierz, plaintext 
<div id="menu">
					<div id="p7swapmenu">
						<ul>
					<?php 
					require_once('polacz_z_baza.php');
					$sql = "select * from `plkategorie`;";
					$uchwyt = mysql_query($sql);
					while ($rek = mysql_fetch_assoc($uchwyt)) {
							$id_kat = $rek['idkatpl'];
							$nazwa = $rek['nazwakatpl'];
						if ($id_kat != $otwarta_kategoria) {	//czy kategoria powinna zostać otwarta -- Nie powinna
 print "<li id="p$id_kat" class="closed"><a  href="#" onclick="P7_swapClass(1,'p$id_kat','open','closed','li');return false">$nazwa</a>
						<ul>"; 
							} else { //kategoria powinna zostać otwarta
								 print "<li id="p$id_kat" class="open"><a  href="#" onclick="P7_swapClass(1,'p$id_kat','open','closed','li');return false">$nazwa</a>
						<ul>";  }
 
						 
 
							$sql2 = "Select * from plalbumy where idkatpl= '$id_kat';";
							$uchwyt2 =  mysql_query($sql2);
							while ($rekord2 = mysql_fetch_assoc($uchwyt2)) {
								$id_alb = $rekord2['idalbpl'];
								$id_kat2 = $rekord2['idkatpl'];
								$nazwa2 =  $rekord2['nazwaalbpl'];
								if ($id_alb != $otwartyalbum) {
							print '<li><a href="g.php?a='.$id_alb.'&z=0&k='.$id_kat2.'">'.$nazwa2.'</a></li>';
										}
											else
											{
											print '<li ><a class="otwarty" href="g.php?a='.$id_alb.'&z=0&k='.$id_kat2.'" >'.$nazwa2.'</a></li>';
											}
									} //koniec while albumy w kategoriach
 
						 echo '</ul></li>';
						 
						 } // koniec while kategorie
					?>
					</ul>
			</div>
			</div>
[PHP] pobierz, plaintext

Forum wyescepowało cudzysłowy, ale z grubsza jest wszystko czytelne

FinniFun

7.05.2007, 11:16:15

moge...ale jak dodawac...cos do geta jelśli np rozwine jakis element.
Pozatym w gecie to jest problem z urlem bo get wyczysci cały url do nazwy pliku i rozszerzenia w przypadku wysłania formularza(chodzi o form method='get')

php programmer

7.05.2007, 11:20:12

W JS można operować na ciasteczkach,
gdzieś nawet widziałem gotowe funkcje typu
UstawCiastko(), CzytajCiastko(),
więc przy rozwinięciu menu można by zapamiętać stan menu
w jakimś ciastku a przy odświeżeniu strony odczytać ciastko
także w JS

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.