Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][PHP]Problem ze skryptem - menu
cent4
post
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ć (IMG:style_emoticons/default/sadsmiley02.gif) .
Problem leży w tym, że jak odnośniki mają poniższą postać to działa ok:
  1. <li><a href="o_firmie.php">O FIRMIE</a></li>
  2. <li><a href="historia.php">HISTORIA</a></li>


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

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:
  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>


plik css:
  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. }


Proszę o pomoc...
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 22.08.2025 - 19:23