Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][HTML][PHP]Problem ze skryptem - menu
cent4
post 9.02.2010, 21:01:37
Post #1





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

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...
Go to the top of the page
+Quote Post
lord_t
post 9.02.2010, 21:55:49
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----

Id nie może być liczbą! Zacznij od poprawienia tego, możliwe, że pomoże.


--------------------
Błędy w JS? ------> Firebug (dla FF)
<>< Warto posłuchać.

Pisanie skryptów javaScript i jQuery.
Go to the top of the page
+Quote Post
cent4
post 9.02.2010, 22:01:46
Post #3





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

Niestety jak id wpiszę jakiś tekst nie działa podświetlanie - musi tam być jakakolwiek cyfra - wtedy działa. Ale problem istnieje dalej...
Go to the top of the page
+Quote Post
lord_t
post 9.02.2010, 22:33:56
Post #4





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----

Id nie może być liczbą. Zapodaj to online to się pomyśli nad rozwiązaniem.


--------------------
Błędy w JS? ------> Firebug (dla FF)
<>< Warto posłuchać.

Pisanie skryptów javaScript i jQuery.
Go to the top of the page
+Quote Post
Fifi209
post 9.02.2010, 22:37:27
Post #5





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----

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.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
cent4
post 9.02.2010, 22:54:46
Post #6





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

czyli co? pupa zimna? nie zrobie tego sadsmiley02.gif ?
Go to the top of the page
+Quote Post
Fifi209
post 9.02.2010, 23:04:30
Post #7





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----

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)

Ten post edytował fifi209 9.02.2010, 23:05:10


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
cent4
post 10.02.2010, 07:39:44
Post #8





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 15.07.2025 - 19:12
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn