Zapewne większość z was domyśliła się czytając temat artykułu, iż zajmiemy się dzisiaj frameworkiem mootools. Jestem również pewien, że wielu z was miało już z nim do czynienia lub chociaż o nim słyszała. Jeżeli jednak jest on dla Ciebie czymś nowym, to mam nadzieje, że zainteresuję Cię nim na tyle, abyś zechciał sam spróbować jakie możliwości daje mootools.

Co do samego artykułu i opisu frameworka postanowiłem przedstawić w nim kilka przykładów możliwości, jakie daje mootools’a. Wydaje mi się, że wystarczy to, aby kogoś zainteresować, a nie zanudzać:) teorią. Swoją drogą dokumentacja, którą można znaleźć na stronie internetowej należy do jednej z lepiej napisanych z jakimi do tej pory miałem do czynienia. Na sam koniec zamieszczę kilka linków, które na pewno będą przydatne.

Continue reading »

Słowem wstępu

Mroczna historia na dobry początek

Przed monitorem jednego z terminali Biblioteki Uniwersyteckiej spędzałem kolejną dłużącą się bez końca godzinę. Na zewnątrz niebo nabierało coraz ciemniejszych barw. Poszukiwałem ciekawego tematu na nowy artykuł na j2ee.pl.

Wielogodzinna praca powodowała, że zaczynałem odczuwać nadchodzące zmęczenie. Postanowiłem podarować sobie chwilę odpoczynku od zagadnień IT. Nierozsądnie wpisałem w pasku przeglądarki tvn24.pl – strona chwilę się wczytywała. Wziąłem ostatni już łyk Red Bulla. Jak przez mgłę spoglądałem na treści atakujące moją bezbronną świadomość. W prawym dolnym rogu ujrzałem umieszczoną sondę. Zupełnie bez powodu ogarnęła mnie nagła, nieodparta ochota na to, żeby zagłosować… Lecz nagle poczułem na skórze powiew mroźnego powietrza, który w parnej sali Biblioteki wydawał się pojawić jakby znikąd. To co działo się następnie nie sposób opisać jakimikolwiek słowami. Przez chwilę zdawało mi się, że tuż za moimi plecami bezgłośnie niczym rycerz ciemności przemknął Premier Jarosław Kaczyński cenzurując swym wzrokiem oglądane przeze mnie treści. Modliłem się, żeby to wszystko nie było prawdą – nie chciałem, żeby Premier zobaczył oglądania jakich pornograficznych treści dopuszczają się studenci. Wciąż oszołomiony tym, co wydarzyło się przed chwilą postanowiłem zaczerpnąć świeżego powietrza.

Continue reading »

Prototype jest biblioteką JavaScript, której autorem jest Sam Stephenson. Została ona opracowana po to by uprościć tworzenie skryptów mających wprowadzić dynamikę na stronach stronach www. Dzięki rozszerzeniu modelu DOM oraz wsparciu dla technologii Ajax budowa bogatego interfejsu użytkownika w aplikacjach webowych zajmie nam mniej czasu.

Continue reading »

Twórcy specyfikacji JSF nie przewidzieli (chyba), że zdarzają się aplikacje webowe w których należy wykorzystać formularze dynamiczne, czyli takie w których liczba pól zmienia się w zależności od wcześniejszych poczynań użytkownika. W formularzach takich od czasu do czasu ktoś będzie chciał wykorzystać JavaScript. Znacznik html:inputText w swoim atrybucie id przyjmuje tylko i wyłącznie statyczne stringi.. a więc możemy napisać coś takiego: html:inputText id=”bleble” ale nie możemy już użyć takiej: html:inputText id=”#{bleble}” lub takiej: html:inputText id=”${bleble}” formy zapisu. Jak w takim razie z poziomu funkcji JS dostać się do wartości takiego pola ???

Po kilku ładnych godzinach poszukiwań natrafiłem na projekt javascript4jsf… i problem został rozwiązany :)

1. Ściągamy bibliotekę i umieszczamy w odpowiednim folderze w naszej aplikacji (lib)
2. Do pliku faces-config.xml dodajemy:

   <component>
     <component-type>org.j4j.idProxy</component-type>
     <component-class>org.j4j.components.UIIDProxy</component-class>
   </component>

3. Do strony JSP w której chcemy użyć dodajemy definicje taglib:

   <%@ taglib uri="http://javascript4jsf.dev.java.net/" prefix="j4j" %>

4. Następnie do ciała znacznika wstawiamy nasz znacznik proxy

   <h:inputText id="firstName" value="#{GetNameBean.firstName}">
     <j4j:idProxy id="firstName_" />
   </h:inputText>

5. Z poziomu JavaScript odwołujemy się do interesującego nas pola w nastepujący sposób (tutaj przykład uaktywnienia pola)

   <script language="javascript">
     var iid=document.getElementById("firstName_").title;
     document.getElementById(iid).focus();
   </script>

Jak to działa ? Biblioteka J4J wstawia znacznik span, który posiada odpowiednie ID, przed komponent JSF. Wspomnę jeszcze tylko na koniec, że atrybut ID znacznika przyjmuje dynamiczne wartości !