Skrypty

BlaTek Cascading Menu

Menu kaskadowe. Takie same jak w tym serwisie.

Przegladarki:

zobacz    pobierz [RAR 90,5kB skrypt+szablony]

Wersja poprzednia 2.0 [ZIP 78kB]


Menu tree

Menu w formie listy rozwijanej.
Dynamicznie rozwijane menu występuje przeglądarkach IE, NS6, Mozilla.
W NS4 i Operze wyświetlana jest zwykła lista statyczna.

zobacz    pobierz [ZIP 6,6 kB]


Menu typu Outlook bar

Menu stanowiące przykład bardziej zaawansowanego programowania obiektowego. Niemniej jednak, sam sposób wykorzystania skryptu jest bardzo prosty. Sam skrypt zajmuje około 4kB. Jednak w przykładzie znajduje się sporo grafiki, ponieważ chciałem pokazać, jak wiele jest tu możliwości dostosowania menu do własnego projektu graficznego.

zobacz    pobierz [ZIP 62,2 kB]


Warstwa z przewijaną zawartością

Skrypt pozwalający umieszczać dowolną ilość scrollowanych warstw w dokumencie HTML.

zobacz    pobierz [ZIP 13,7 kB]


StarWars scroller

Skrypt podobny do poprzedniego, z tym że wraz z przewijaniem, zmienia się wielkość czcionki. Zmiana wielkości czcionki jest widoczna w przeglądarkach IE, NS6, Mozilla.
W NS4 i Operze jest to zwykły scroller.

zobacz    pobierz [ZIP 2,6 kB]


Pływająca warstwa

Warstwa, która w momencie przewijania dokumentu, stara się pozostać w określonym miejscu na ekranie i robi to w sposób dość płynny.

zobacz    pobierz [ZIP 1,8 kB]


Pływająca warstwa 2

Skrypt podobny do poprzedniego, z tym że warstwa "trzyma się" określonej odległości od dolnej krawędzi okna.

zobacz    pobierz [ZIP 2 kB]


Drag & Drop

Jeżeli masz potrzebę przeciągania i upuszczania jakichś elementów na twojej stronie, to zobacz ten skrypt.
A swoją drogą, na bazie tego skryptu, można zaprojektować całkiem ciekawą, niekonwencjonalną stronę. Jeśli coś takiego stworzysz, to daj mi znać.

zobacz    pobierz [ZIP 4,8 kB]


Puzzle

Przykład praktycznego wykorzystania skryptu Drag&Drop.
Można tu wykorzystać dowolny obrazek, o dowolnych rozmiarach.
Baw się dobrze.

zobacz    pobierz [ZIP 47,4 kB]


Fader

Skrypt służący do płynnej zmiany kolorów czcionki lub tła na dowolnych elementach HTML.

zobacz    pobierz [ZIP 5,2 kB]


Chat

Czy można zrobić czat używając tylko technologii client-side?
Oczywiście, że nie. Ten przykład to prosty, klasyczny czat napisany w języku PHP.
Ktoś teraz mógłby zadać pytanie: dlaczego, wobec tego, ten skrypt umieściłem właśnie tutaj?
Ano dlatego, że jest to przykład harmonijnej współpracy dwóch technologii: server-side i client-side.

Każdy, kto próbował kiedyś zrobić tego typu skrypt w technologi PHP, ASP etc., spotkał się zapewne z problemem "migotania" strony, związanym z koniecznością okresowego odświeżania. W tym przykładzie, JavaScript jest wykorzystywany do wyeliminowania tego niekorzystnego zjawiska.
W przeglądarkach IE zjawisko migotania zostało wyeliminowane całkowicie. Natomiast w pozostałych przeglądarkach "mrugnięcie" obrazu następuje tylko w momencie zmiany treści dialogu.

Pamiętaj, że ten skrypt zadziała tylko na koncie z obsługą PHP.

zobacz    pobierz [ZIP 4,7&nbvp;kB]


Animowana Galeria

Przykład interaktywnej animacji DHTML.

Skrypt napisany na podstawie oryginalnego pomysłu Janusza "Vaxa" Radkiewicza.

zobacz    pobierz [ZIP 26,5 kB]


Wstawka z zewnętrznego pliku

Skrypt ten wczytuje zawartość zewnętrznego pliku na stronę uwzględniając problem polskich liter.

zobacz    pobierz [ZIP 2,3 kB]


Losowy cytat

Ten skrypt wczytuje na stronę zawartość, wybranego losowo, zewnętrznego pliku.

zobacz    pobierz [ZIP 2,7 kB]


Dowolna duperela latająca za kursorem

Błagam was! Nie wykorzystujcie tego skryptu na swojej stronie. Umieściłem go tutaj w celach edukacyjnych. Żebyście mogli zobaczyć, jak przechwytywać współrzędne kursora na ekranie.

zobacz    pobierz [ZIP 3,5 kB]


Trójwymiarowe napisy

Skrypt pozwalający umieszczać "cieniowane" napisy w różnych miejscach strony.
Przy wykorzystaniu tego skryptu, należy zachować szczególną ostrożność. To znaczy sprawdzać jego zachowanie na różnych przeglądarkach. Przy zastosowaniu różnego rodzaju formatowania tekstu, można się spodziewać "nieprzewidzianych" efektów.

zobacz    pobierz [ZIP 2,4 kB]


Zegar wielostrefowy

Ten skrypt pokazuje czas na mapie, w wielu miejscach świata jednocześnie.

zobacz    pobierz [ZIP 7,1 kB]


Zegarek graficzny z datą

zobacz    pobierz [ZIP 4 kB]


Zegarek tekstowy

Zegarek, w którym możemy zmieniać dowolne atrybuty czcionki, korzystając z arkusza stylów CSS.

zobacz    pobierz [ZIP 1,2 kB]


Zegarek w polu edycyjnym (input)

zobacz    pobierz [ZIP 0,8 kB]