Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][PHP]Problem ze skryptem - menu
Forum PHP.pl > Forum > Przedszkole
cent4
9.02.2010, 21:01:37
Witam.
Nie wiem czy znacie taki skrypt jquery: lavaLamp - jest to efektowny skrypt dla menu: http://www.gmarwaha.com/blog/2007/08/23/la...-jquery-lovers/.
Jak zainicjowałem ten skrypt u siebie - wszystko mi działa - tylko jest jeden problem - gdy kliknę na któryś z odnośników - wyświetla mi podstronę ale wybór w menu nie zostaje na aktywnym, tylko leci na pierwszy (domyślny). Wiem gdzie jest problem tylko nie mogę sobie poradzić jak go rozwiązać sadsmiley02.gif .
Problem leży w tym, że jak odnośniki mają poniższą postać to działa ok:
[HTML] pobierz, plaintext 
  1. <li><a href="o_firmie.php">O FIRMIE</a></li>
  2. <li><a href="historia.php">HISTORIA</a></li>
[HTML] pobierz, plaintext


natomiast jak mają postać poniższą to nie działa to ok. tzn. jak się coś wybierze - leci z powrotem na pierwszą opcję sadsmiley02.gif .
[HTML] pobierz, plaintext 
  1. <li><a href="index.php?go=o_firmie">O FIRMIE</a></li>
  2. <li><a href="index.php?go=historia">HISTORIA</a></li>
[HTML] pobierz, plaintext

Musi to być w powyższej postaci, gdyż tak mam zbudowaną stronę, że te podstrony otwierają się w innym divie i tak mi to działa - tylko menu fiksuje.

Żeby podpowiedzieć - zamieszczam kody źródłowe..

plik php:
[PHP] pobierz, plaintext 
  1. <head>
  2.        <script type="text/javascript" src="skrypty/jquery-1.1.3.1.min.js"></script>
  3.        <script type="text/javascript" src="skrypty/jquery.easing.min.js"></script>
  4.        <script type="text/javascript" src="skrypty/jquery.lavalamp.min.js"></script>
  5.        <script type="text/javascript">
  6.             $(function() {
  7.                 $("#1, #2, #3").lavaLamp({
  8.                     fx: "backout",
  9.                     speed: 700,
  10.                     click: function(event, menuItem) {
  11.                         return true;
  12.                     }
  13.                 });
  14.             });
  15.       </script>
  16. </head>
  17. <div id="MENU"> 
  18.       <ul class="lavaLampNoImage" id="2">
  19.              <li><a href="index.php?go=o_firmie">O FIRMIE</a></li>
  20.              <li><a href="index.php?go=historia">HISTORIA</a></li>
  21.        </ul>
  22. </div>
[PHP] pobierz, plaintext


plik css:
[HTML] pobierz, plaintext 
  1. .lavaLampNoImage li {
  2.     float: left;
  3.     list-style: none; 
  4. }
  5. .lavaLampNoImage li.back {
  6.     border: 1px solid #000;
  7.     background-color: black;
  8.     top: 18px;
  9.     width: 9px;
  10.     height: 34px;
  11.     z-index: 8;
  12.     position: absolute;
  13. }
  14. .lavaLampNoImage li a {
  15.     font: bold 14px arial;
  16.     text-decoration: none;
  17.     color: #ffffff;
  18.     outline: none;
  19.     text-align: center;
  20.     top: -3px;
  21.     text-transform: uppercase;
  22.     letter-spacing: 0;
  23.     z-index: 10;
  24.     display: block;
  25.     float: left;
  26.     height: 30px;
  27.     position: relative;
  28.     overflow: hidden;
  29.     margin: auto 10px;
  30. }
[HTML] pobierz, plaintext


Proszę o pomoc...
lord_t
9.02.2010, 21:55:49
Id nie może być liczbą! Zacznij od poprawienia tego, możliwe, że pomoże.
cent4
9.02.2010, 22:01:46
Niestety jak id wpiszę jakiś tekst nie działa podświetlanie - musi tam być jakakolwiek cyfra - wtedy działa. Ale problem istnieje dalej...
lord_t
9.02.2010, 22:33:56
Id nie może być liczbą. Zapodaj to online to się pomyśli nad rozwiązaniem.
Fifi209
9.02.2010, 22:37:27
Cytat(cent4 @ 9.02.2010, 21:01:37 ) *
Jak zainicjowałem ten skrypt u siebie - wszystko mi działa - tylko jest jeden problem - gdy kliknę na któryś z odnośników - wyświetla mi podstronę ale wybór w menu nie zostaje na aktywnym, tylko leci na pierwszy (domyślny). Wiem gdzie jest problem tylko nie mogę sobie poradzić jak go rozwiązać sadsmiley02.gif .
Problem leży w tym, że jak odnośniki mają poniższą postać to działa ok:


A mnie to wcale nie dziwi. Dlaczego? Odpowiedź jest prosta, przechodząc na podstronę od nowa wczytujesz skrypty etc. skąd ów skrypt ma wiedzieć, że teraz jest podstrona a nie np. główna? Takie menu jest dobre do wczytywania treści ajax'em.
cent4
9.02.2010, 22:54:46
czyli co? pupa zimna? nie zrobie tego sadsmiley02.gif ?
Fifi209
9.02.2010, 23:04:30
Jeżeli Ci tak zależy, zawsze treść możesz wczytać ajaxem.

Nie wiem jak masz stronę zbudowaną, lecz postawię pewne założenie:
Do pliku głównego dołączasz potrzebne w danym momencie pliki/klasy

Teraz możesz zrobić tak: do sesji zapisać stronę, dla której w danej chwili jest żądanie.
Potem wypluć sobie to do pliku .js, odczytać w jquery i przestawić na odpowiednią pozycję menu. (ew. to samo z ajaxem [zamiast wypluwania do pliku])

Pomysł, wykluczyłby przebudowę serwisu. (nie musiałbyś wczytywać treści ajaxem)
cent4
10.02.2010, 07:39:44
Zrobiłem to bardzo prosto party.gif .
Stary sposób na ramkach guitar.gif .
wywaliłem do górnej ramki menu i hula :-)
[HTML] pobierz, plaintext 
  1. <FRAMESET ROWS="170,*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
  2.  
  3.         <FRAME SCROLING="AUTO" NAME="menu" SRC="menu.htm" MARGINWIDTH="0"                 MARGINHEIGHT="0">
  4.  
  5.         <FRAME SCROLING="AUTO" NAME="glowne" SRC="glowna.htm" MARGINWIDTH="0"             MARGINHEIGHT="0">
  6.  
  7.     </FRAMESET>
[HTML] pobierz, plaintext
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.