Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Modyfikacja listy <ul>
palmall
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 26.07.2012

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


Witajcie

W ogóle to nie wiem jak się do tego zabrać za bardzo - w javie akurat jestem całkiem zielony...
Potrzebuję zrobić coś takiego - mam sobie w kodzie strony listę <ul>, wygląda to tak:

  1. <ul id="navi">
  2. <li id="selected"><a href="#" id="gotohome">Home</a></li>
  3. <li><a href="#" id="gotoabout">O mnie</a></li>
  4. <li><a href="#">Blog</a></li>
  5. <li><a href="#">Portfolio</a></li>
  6. <li><a href="#">Kontakt</a></li>
  7. </ul>


Noo i zasadniczo jest to menu, dalej są jakieś divy coś się przesuwa itp, ale to nie jest istotne.

Problemem dla mnie jest zdjęcie/usunięcie id ustawionego przy pierwszym elemencie listy i przypisanie go do drugiego, trzeciego, czwartego elementu listy w zależności od tego w który element listy kliknę. Bez przeładowania strony.

Czyli, klikam sobie w portfolio i usuwa mi sie id="selected" z pierwszego elemenu <li> i przypisuje mi sie do trzeciego elemenu <li>.

Da się tak zrobić w javascript ?

Pozdrawiam

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
palmall
post
Post #2





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 26.07.2012

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


Hmm podrąże temat jeszcze.

Zmieniłem id na class, dopisałem element który usuwa i dodaje klase na elemencie <li>, i faktycznie działa, tzn widzę że dopisuje się i usuwa.
Ale niebieski element dalej uparcie wraca na pozycje zadeklarowaną przy starcie strony.
Odpowiada za to ten kawałek kodu:

  1. $('li:not(#blob)', navi).hover(function() {
  2. // mouse over
  3. clearTimeout(reset);
  4. blob.animate(
  5. {
  6. left : $(this).position().left,
  7. width : $(this).width()
  8. },
  9. {
  10. duration : options.speed,
  11. easing : options.easing,
  12. queue : false
  13. }
  14. );
  15. }, function() {
  16. // mouse out
  17. reset = setTimeout(function() {
  18. blob.animate({
  19. width : currentPageItem.outerWidth(),
  20. left : currentPageItem.position().left
  21. }, options.speed)
  22. }, options.reset);
  23.  
  24. });


tak się mnie wydaje przynajmniej. I teraz - jak na moje oko bez postaw większych - pomimo że zmieniam przypisanie klasy, to zmienne potrzebne do ustawienia tego #bloba nie odświeżają się.

O co kaman ? Powinien zebrać chyba nowe dane...

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: 11.10.2025 - 05:49