Dziudek's jogger

Wielu wymienia 5 ciekawych blogów z okazji Blog Day - wymienię i ja ;)

• Smashing Magazine - jak nie mam co robić (albo nie chce mi się nic robić xD ) to wchodzę na ten blog i podziwiam cudne/miodne/itp. layouty, które występują na nim w dużych ilościach ;)
• staramsie.blog.pl - blog-komiks, który chyba trafił w moje komiksowe gusta ;) Jedyna wada to brak częstych aktualizacji.
• tomasz.topa.pl - blog poruszający wiele tematów, ale głównie te związane z Internetem - wielu rzeczy dowiaduję się właśnie z tego bloga, dlatego polecam ;)
• Adriano - to za robaczka na Wykopie xD
• Design Tracker - blog prezentujący ciekawe dzieła sztuki użytkowej (tylko szkoda, że od dość dawna nie aktualizowany, ale i tak polecam obejrzeć ;) )

W sumie powyższy wybór był dość ciężki, bo ciekawych blogów znam sporo, ale tak mi się jakoś wybrało ;) Joggerów żadnych nie wrzucałem, bo i tak pewnie to co bym wrzucił większość zna ;)

No to lecę spać, może mnie coś natchnie na opisanie plugina sortables.js dla mootools w końcu ;]

Pora zakończyć tematykę przewijania elementów z użyciem frameworka mootools. Dziś skupimy się na kursorze myszki i pluginie scroller.js. Ów plugin zawiera jak się pewnie domyślacie klasę Scroller, która służy do przewijania elementów, których zawartość jest po części ukryta dzięki atrybutowi overflow. Klasa ta odczytuje położenie kursora myszki i na tej podstawie przewija dany element. Pewnie każdy kojarzy pewną funkcjonalność Google Maps pozwalającą na "chwycenie" w pewnym punkcie mapki i jej przewijanie za pomocą poruszania kursorem do czasu "puszczenia" mapy. Na uzyskanie tego typu efektów pozwala właśnie klasa Scroller.

Czytaj dalej...

Kolega w nocy zaczął mi się użalać, że Wykop ma pewną denerwującą cechę - gdy ktoś nie jest zalogowany to po kliknięciu na "wykop" przenosi do strony logowania, a po zalogowaniu nie przenosi do poprzedniego linka tylko na stronę główną. Nie ukrywam sprawa dość denerwująca i mnie. Dlatego rozwiązałem problem w... 12 linijkach UserJS. Użycie skryptu jest wręcz banalne - wystarczy po instalacji wyedytować dwie linijki jego kodu:

var login = '';
var haslo = '';

W tych dwóch linijkach podajemy dane naszego konta. Co potem ? W wypadku gdy skrypt wykryje obecność linka "Zaloguj" na jakiejś podstronie wykopu ów link zyskuje nową funkcjonalność - po jego kliknięciu zostajemy zalogowani, a następnie strona na której jesteśmy zostaje odświeżona. W ten sposób nie musimy wklepywać naszych danych do formularza i w ogóle go oglądać ;)

Wiem - to szczyt lenistwa, ale po co się męczyć i tracić cenny czas ;)

EDIT: żeby nie narzekano - wersja dla Opery ;) :

// ==UserScript== 
// @name Wykop one-click login 
// @description Login with one click 
// @author Dziudek 
// @version 0.1 
// @include http://*wykop.pl* 
// ==/UserScript== 

window.addEventListener('DOMContentLoaded', function() { 
// podaj swoje dane 
var login = ''; 
var haslo = ''; 
var d=document.getElementById("navlog").childNodes[3].childNodes[0]; 
if(d.href == "http://www.wykop.pl/zaloguj"){ 
d.addEventListener("click",function(e){ 
e.preventDefault(); 
var x = new XMLHttpRequest(); 
if (!x) alert('Błąd tworzenia XHR'); x.onreadystatechange = function(){
if(x.readyState == 4)(x.status == 200)?window.location=window.location:alert('Błąd zapytania');}; 
x.open('POST','http://www.wykop.pl/zaloguj.php', true);
x.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
x.send('username='+login+'&password='+haslo+'&remember_me=remember_me')},false);} 
}, false);

EDIT2: niektórzy słusznie zauważyli, że skrypt nie trzyma cookies i po każdym zamknięciu przeglądarki trzeba się logować - poprawiłem już chyba ten błąd poprzez dodanie kodu: +'&remember_me=remember_me' w zmiennych POST - teraz już wszystko w obu wersjach powinno być OK ;)

Wreszcie po 3 miesiącach tzw. "wakacji", wyjeżdżam na tydzień ;] Cel to oczywiście nasze polskie morze. Wy sobie odpoczniecie od mojego ciągłego pisania o mootools, ja odpocznę sobie od:

• jabberowych botów wszelkiej maści,
• feedów RSS,
• maili,
• użytkowników for, które moderuję,
• walczenia ze zleceniami,
• ciągłych pytań na gg/jabberze/mailu/ (skype'a nie używam) / (przez telefon jeszcze nikt nie próbował) z serii:

  <ktośtam> dlaczego mi skrypt JS nie działa ?
  <ja> a kod umieszczony w zdarzeniu onload ?
  <ktostam> ooo nie xD

• przeglądania statystyk tego bloga na feedburnerze, Technorati czy Google Analytics xD,
• spamerów na Wykopie,
• trolli, którzy zalęgli się już chyba na każdym polskim portalu i piszą bzdury od rana do wieczora, bez względu na porę dnia i roku.

Nie wspomnę o użytkownikach pewnego forum, którzy nawet nie potrafią modułu z archiwum ZIP wypakować :P

W przeciwieństwie do niektórych co bardziej nadgorliwych ludzi nie zamierzam też Was (znaczy userów blipa) katować bezsensownymi smskami o tym jak to mi słoneczko przygrzało... Bo generalnie jadę tam by odpocząć od tego całego zamętu, który mam co dzień przez cały rok. Jedyny kontakt z telewizją planuję na sobotę i niedzielę (GP Turcji).

Wracam prawdopodobnie 27 sierpnia.

P.S.: Jedyna rzecz, której się obawiam to mnóstwo maili, feedów i raportów z botów jabberowych - znowu trzeba będzie przebrnąć przez mnóstwo badziewia by dotrzeć do treściwych informacji :/ Może na osłodę na Wykopie pojawi się parę ciekawych linków :P

P.S.2: kurs mootools powinienem skończyć coś w okolicach początku września, jak trochę ogarnę tygodniowe zaległości i sprawy bieżące ;)

Wraz z tą częścią kursu rozpoczynamy dwuczęściowe dokształcanie się w dziedzinie przewijania elementów. Plugin slider.js służy do tworzenia paska przewijania. Sam pasek jest tworzony przez klasę Slider, która na podstawie informacji o elementach tworzy go.

Do stworzenia paska przewijania potrzebujemy zaledwie dwóch elementów - dwóch divów z których jeden jest zagnieżdżony w drugim. Ten zagnieżdżony będzie służył do przewijania, a ten nadrzędny będzie ścieżką dla przewijanego w nim diva.

Klasa Slider jest dość rozbudowana w stosunku do już poznanych pluginów - posiada 3 własne opcje, jedną metodę, 3 zdarzenia, a przy inicjalizacji pobiera 3 argumenty (a więc małe odstępstwo od dotychczasowych reguł - zwykle klasa związana z efektami pobierała dwa argumenty).

Zaczniemy od teorii, a następnie zajmiemy się stworzeniem dwóch pasków przewijania - poziomego i pionowego.

Czytaj dalej...