http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/Wpisy z dziennika internetowego Jogger, wspomaganego przez JabberaSun, 20 May 2012 14:42:40 +0200JoggerPLhttp://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c915958powiedz mi jak przykład 2 ma się do joggera, bo kiedyś coś takiego chciałem zrobić u siebie ale staneło na panewce Mon, 13 Aug 2007 10:18:46 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c915958http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c915959chodzi mi o uzycie tego na wpisy Mon, 13 Aug 2007 10:19:46 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c915959http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c916256Koval – według mnie dałoby radę to zrobić na joggerze i w ten sposób prezentować wpisy tylko problem jest z osobami mającymi wyłączony JS – wtedy trzeba pokombinować ze znacznikami noscript. Zauważ, że masz regularną strukturę – aktywator, akapit, aktywator, akapit – więc wygenerowanie tego za pomocą joggera to nie problem, ewentualnie nie generujesz id „pierwszy” tylko nadajesz display:block za pomocą JS. Mon, 13 Aug 2007 15:01:44 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c916256http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c916380no wlasnie wylaczenie js to jest problem, ale Mon, 13 Aug 2007 17:03:34 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c916380http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c916381dzieki za info. pobawie sie kiedys Mon, 13 Aug 2007 17:04:05 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c916381http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c917887 if(index >> 0){ Miało być > zamiast >> ;-) Wed, 15 Aug 2007 14:35:26 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c917887http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c918138@coldpeer – rzeczywiście :) Chyba podczas poprawiania encji się pomyliłem ;) Dzięki za info :) Wed, 15 Aug 2007 19:53:12 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c918138http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c932394a jak zrobić tak, żeby się klatki zmieniały same co parę sekund, ale można było też kliknięciem przechodzić? (takie cuś jak na wp np.) Wed, 29 Aug 2007 11:22:56 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c932394http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933074@plejeru – sprawa jest w sumie prosta – po załadowaniu strony odpalasz okresowo funkcję i ustawiasz zmienną która mówi o stanie odtwarzania animacji – gdy user kliknie na dany element to zmieniasz stan animacji i zatrzymujesz okresowo wykonywaną funkcję. Zmienna mówiąca o stanie animacji jest oczywiście potrzebna do przycisku ją uruchamiającego ;) Wed, 29 Aug 2007 20:16:19 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933074http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933076Ahaaaa… ;) Wed, 29 Aug 2007 20:18:01 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933076http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933081Dobra, czytam o function.js :D Wed, 29 Aug 2007 20:20:46 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933081http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933086@plejeru – i funkcja $clear się przyda ;] Wed, 29 Aug 2007 20:23:09 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c933086http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941041A jak rozpocząć z ukrytymi elementami? -> (przykład 1) Byłbym wdzięczny za podpowiedz :) Wed, 05 Sep 2007 15:32:51 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941041http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941050jako – nadaj elementom display:none w CSS (oczywiście warto pamiętać o użytkownikach z wyłączonym JS – dla nich w znaczniku noscript ustaw display:block), następnie przy ładowaniu strony (zdarzenie domready lub load obiektu window) nadaj tym elementom poprzez metodę setStyle atrybut display:block i zaraz po tym uruchom metodę hide klasy Fx.Slide przypisanej do tych elementów – dzięki temu elementy przy ładowaniu strony będą niewidoczne a zaraz po załadowaniu zostaną w niezauważalny sposób pokazane i ukryte od razu przez JS ;) Wed, 05 Sep 2007 15:37:40 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941050http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941080Dziudek dziękuję za szybką odpowiedz…jest jeden problem, js to dla mnie start i ciężko mi będzie poprawnie ten kod „zbudować” :| Jeżeli nie jest to „zbyt dużo” to milo było by otrzymać całkowity wygląd kodu js, lub coś co mi to ułatwi. Choć pewnie wcześniejsza odpowiedz powinna wystarczyć...ale cóż, niewiedze trudno przeskoczyć :) Wed, 05 Sep 2007 16:15:01 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941080http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941093@jako – obejrzyj ten przykład Wed, 05 Sep 2007 16:28:17 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941093http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941109Dziudek > serdecznie dzięki za pomoc… i gratuluje interesującego blog’a! Wed, 05 Sep 2007 16:41:07 +0200http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c941109http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c997620Witam, Mam pytanie – jak zrobić efekt slide w drugą stronę? Tzn. z dołu do góry i z prawej do lewej rozsuwanie? :> pozdrawiam, Tomasz. Tue, 06 Nov 2007 23:30:15 +0100http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c997620http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c997635@tomq – zobacz ostatni przykład z powyższego wpisu i komentarz z kodem powyżej niego ;) Tue, 06 Nov 2007 23:45:55 +0100http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c997635http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c1291599A jak zrobić aby strona się zwiększała. U mnie pozostaje przy tych samych wymiarach.Mon, 17 Nov 2008 12:39:59 +0100http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c1291599http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c1300217Witam. Bardzo przydał mi się opis jak wykorzystać Fx.Slide. Aktualnie próbuje przekształcić trochę skrypt aby dana sekcja (np. div) po przejściu na podstrone została odkryta. Pomyślałem o rozwiązaniu aby na tej podstronie zamienić klase elementu „akapit” na nowa np. „akapit_aktualny” Ponizej kawalek struktury kodu menu strony 1 kawalek 1 podstrona 2 podstrona2 kawalek 1 podstrona 2 odstrona w kodzie JS elementy „akapit” ukrywam a „elementy „akapit_aktualny” chce aby byly widoczne. Narazie mam taki kawalek kodu, ktory nie dziala jak nalezy: window.addEvent(„load”,function(){ var tab_p = $$(”.akapit”); var akapit_aktualny= $$(”.akapit_aktualny”); var aktualny_p = 0; var tab_e = []; $$(”.naglowek”).each(function(element,index){ var slider = new Fx.Slide(tab_p[index]); tab_e[index] = slider; slider.hide(); /** Rozwiń aktualny dział – na podstawie klasy akapit_aktualny*/ var slider_aktualny = new Fx.Slide(akapit_aktualny[index]); slider_aktualny.slideIn(); /**element.addEvent(„click”,function(){ slider.toggle(); **/ element.addEvent(„click”,function(){ if (aktualny_p ==0 && index ==0) { tab_e[index].slideIn(); } else if (aktualny_p !== index){ tab_e[aktualny_p].slideOut(); aktualny_p = index; tab_e[index].slideIn(); } }); }); }); Jeśli mógłbym prosić o wskazówkę jak do tego podejść był bym wdzięczny. Pozdrawiam Grzesiek Wed, 03 Dec 2008 13:09:04 +0100http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c1300217http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c1300656@Kipst – na pierwszy rzut oka: Fx.Slide(akapit_aktualny[index]); nie powinno być: Fx.Slide(akapit_aktualny[0]); ? Nie wspomnę, że zamiast : $$(”.akapit_aktualny”); można użyć: $E(”.akapit_aktualny”); Skoro i tak jest tylko jeden taki akapit ;) Jak będzie więcej problemów to proszę pisz na mój email – dziudek[at]gmail[dot]com – szybciej dostaniesz odpowiedź ;) Thu, 04 Dec 2008 09:03:56 +0100http://blog.dziudek.pl/2007/08/13/mootools-1-1-fx-slide-js/#c1300656