Java Script/jQuery

Mapa Google ze wskazówką dojazdu na stronie www

Mapy Google

Dział Kontakt na stronie internetowej oprócz danych teleadresowych może zawierać mapkę dojazdu, formularz kontaktowy, listę oddziałów firmy, itd. Z Google Maps możemy natomiast stworzyć bardzo ciekawe rozwiązanie – oprócz pokazania lokalizacji nałożyć na nie wskazówki dojazdu z wybranego przez użytkownika miejsca.

Dynamiczne formularze z Jeditable i jQuery

jquery-logo

Ciekawym sposobem na edycję danych przez użytkownika jest dynamiczne tworzenie pola formularza w momencie, gdy klika on w wyświetlany tekst. Możemy w taki sposób uprościć wygląd szczególnie, gdy pól mogłoby być dużo. Taką edycję bardzo prosto wykonać za pomocą gotowej biblioteki jQuery o nazwie Jeditable, dzięki której otrzymamy gotowe narzędzie do tworzenia dynamicznych formularzy.

Wywołanie nowego okna i ściemnienie tła w jQuery

form-jquery

Ciekawym sposobem na wywołanie nowego okna dialogowego jest wyświetlenie go na bieżącej stronie, ściemniając jednocześnie tło. Podobny efekt stosuje m. in. Lightbox. W ten sposób okno będzie dobrze widoczne a użytkownik nie będzie zdezorientowany interfejsem. W niniejszym tekście postaram się pokazać, jak wyświetlić w ten sposób dodatkowy formularz stosując jQuery.