Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Mootools] Jak sprawić by sprawdzał klasy i nie uruchamiał animacji dla dodatkowej klasy?
sunpietro
post
Post #1





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

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


witam,
zaczynam swoją przygodę z Mootools i mam problem z menu. Mianowicie zrobiłem pewien skrypt na przejścia w wyglądzie przycisków i chciałbym dodać opcję, że po dodaniu dodatkowej klasy dla pozycji menu nie będzie animował tej pozycji.
Kod HTML tego menu wygląda tak:
  1. <div class="moduletable_menu">
  2. <ul class="menu">
  3. <li id="current" class="active sp item71">
  4. <a href="#">
  5. <span>Home</span>
  6. </a>
  7. </li>
  8. ...
  9. </ul>
  10. </div>

Link aktywny przyjmuje ID current i dodatkową klasę active. Na podstawie tych danych chciałbym by skrypt nie animował dalej.

Kod JS
Kod
window.addEvent('domready', function() {

    $$('li.item71 a').each(function(el) {
        var fx = new Fx.Tween(el,{
            duration: 500,
            link: 'cancel',
            onActive: function(el)  { el.setStyle('background-position', '0px -45px'); }
        });
        
        el.setStyle('background-position','0px 0px').addEvents({
                'mouseenter': function(e) {
                    e.stop();
                    fx.start('background-position','0px -45px');
                },
                'mouseleave': function(e) {
                    e.stop();
                    fx.start('background-position','0px 0px');
            }
        });
    });
});


Jak widać, próbowałem dodać do zmiennej pozycję onActive, ale ona chyba nie jest brana pod uwage podczas sprawdzenia. Próbowałem wykorzystać metodę hasClass, ale możliwe że ją źle implementowałem.
Bardzo proszę o pomoc.

Ten post edytował sunpietro 24.01.2010, 12:13:38
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


Nie wiem dokładnie o co chodzi (IMG:style_emoticons/default/smile.gif)
No ale jak chcesz zatrzymać animację po zjechaniu z przycisku to
[JAVASCRIPT] pobierz, plaintext
  1. fx.cancel();
[JAVASCRIPT] pobierz, plaintext

I ten kodz wklej sobie do obu zdarzeń.
Go to the top of the page
+Quote Post

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: 20.09.2025 - 05:16