wrz
12
2013

jQuery – Animowany scrolling na stronie www

jQuery animate scroll

Na wielu stronach możemy spotkać po kliknięciu w link gładkie przesuwanie ekranu góra/dół (scrolling), będąc na tej samej stronie. Tzw. gładkie przejście do wybranego fragmentu strony. Można to wykonać przy użyciu jQuery z funkcją animate(). Poniżej przykład. Rozwiązanie Umieszczamy dany fragment w sekcji HEAD strony pomiędzy znacznikami <script>…</script>.   Dodatkowe informacje Opis użytych funkcji jQuery. http://api.jquery.com/animate/ http://api.jquery.com/offset/

sie
31
2013

WordPress – Zmiana pozycji podpisów zdjęć (captions)

Wordpress logo

Chciałbyś zmienić miejsce podpisu zdjęć na swoim blogu? Nic prostszego… :) Dodajesz swój filtr nadpisujący wbudowaną funkcję WordPressa img_caption_shortcode(). Zobacz poniżej jak to wykonać. Przykład   Rozwiązanie Poniższy kod dodaj do pliku functions.php w używanym przez siebie motywie, czyli: ../wp-content/themes/NAZWA_MOTYWU/functions.php   Akapit <p class=”wp-caption-text”>’ . $caption . ‘</p> zawiera opis (caption) zdjęcia.   Dodatkowe informacje Opis funkcji add_filter – http://codex.wordpress.org/Function_Reference/add_filter

sie
26
2013

WordPress – TinyMCE, link anchor/kotwica i pobieranie zaznaczonego tekstu

Wordpress logo

Po małej walce z TinyMCE udało mi się wyciągnąć fragment zaznaczonego tekstu z textarea (pole treści artykułu). Niby zadanie łatwe, ale… W momencie tworzenia kotwicy/anchor, gdy chcemy wyciągnąć zaznaczony tekst z edytora WYSIWYG, jest problem z odwołaniem się do okna z polem tekstowym, w którym piszemy artykuł. Opis problemu Poniżej opiszę ewentualne wykorzystanie modyfikacji TinyMCE. Użytkownik pisze artykuł. Zaznacza tekst, aby utworzyć kotwicę (anchor) na wybranym słowie lub zdaniu. Skrypt TinyMCE w chwili dodania kotwicy […]

sie
23
2013

jQuery – ToolTip + Image. Oznacz i opisz zdjęcie.

jquery_tooltip

Często, gdy tworzymy mapę obrazu tzw. image map, oprócz klikalnych obszarów potrzebujemy także opisu i oznaczenia wybranych fragmentów zdjęcia. W wersji ubogiej możemy wykorzystać atrybut title dla tagu map > area. Na szczęście mamy już czasy Web X.0 i chcemy czegoś więcej… Z pomocą przychodzi nam ToolTip. W tym tutorialu pokażę własny skrypt z wykorzystaniem jQuery. Przydaje się, gdy potrzebujemy pełnej customizacji. Przykład Za przykład użyję samego siebie :D Zobacz kod z możliwością edycji na […]

sie
21
2013

WordPress – Zmiana funkcji wyszukującej posty (posts_search)

Wordpress logo

Chciałbyś zmienić sposób przeszukiwania postów w swoim WordPressie? Zmodyfikować zapytanie MySQL używane w formularzu “Szukaj…”? Tutaj opiszę jak w pełni uzyskać nad tym kontrolę przez nałożenie własnego filtra. Opis Mechanizm wyszukujący posty jest wbudowany w funkcję get_posts() w pliku /wp-includes/query.php. Odpowiada on nie tylko za wyszukiwanie, lecz także za zwykłe listowanie artykułów bloga. W funkcji tej jest fragment: Pokazuje to nam wyraźnie, że możemy zastosować filtr o nazwie posts_request, aby zmodyfikować całkowicie listę znalezionych artykułów. […]

sie
18
2013

PHPlot – Zmiana strony rysowania wykresu słupkowego (Bar Chart)

plot

W trakcie rysowania wykresów słupkowych (Bar Chart) z udziałem PHPlot, potrzebowałem odwrócenia wykresu w poziomie (horyzontalnie). Ze strony prawej na lewą. Domyślnie Bar Chart jest rysowany po prawej stronie osi Y.   Przykład Na przykładowym rysunku widać także wspólny opis osi Y, nie jest to opisane w tym artykule. Aby to osiągnąć należy łączyć dwa wykresy jako oddzielne zdjęcia w jedno, np. przy użyciu ImageMagick.     Rozwiązanie 1) Na początku ciała klasy phplot, deklarujemy […]

sie
17
2013

WordPress – Plugin Crayon Syntax Highlighter oraz .htaccess problem

Wordpress logo

Mając założoną autoryzację HTTP w .htaccess w katalogu wp-admin wraz z zainstalowanym pluginem Crayon Syntax Highlighter, możemy mieć problem z pytaniem użytkownika o hasło do Panelu Administracyjnego.       Można to rozwiązać przez modyfikację pliku tej wtyczki: root\crayon-syntax-highlighter\util\tag-editor\crayon_tag_editor_wp.class.php Stary fragment kodu, znajdujący się na końcu pliku:   Zamieniamy na:   Dzięki temu przeglądarka nie będzie wywoływała połączenia AJAX do katalogu wp-admin: http://twoja_domena.pl/wp-admin/admin-ajax.php?action=crayon-tag-editor&is_admin=0&version=X.X.X

lip
14
2013

jQuery – Pobieranie pliku + Wysłanie danych przez Ajax

jquery_ajax_download

Z cyklu “Znalezione w sieci”, podrzucam krótki skrypt jQuery, który wysyła dane na serwer metodą POST/GET, a następnie zwrotnie otrzymuje plik do pobrania na dysk lokalny użytkownika. W skrócie: wysłanie danych AJAXem, bez przeładowywania strony i wyświetlenie okna z pytaniem o zapis pliku na dysk.   Skrypt   Użycie Radzę wysyłać dane zakodowane base64.   Skrypt PHP, który otrzymuje żądanie. Zwrotnie wysyła zawartość pliku oraz odpowiedni nagłówek HTTP.   Dodatkowe informacje • jquery_plugin_for_requesting_ajax_like_file_downloads • http://davidmregister.com/163/ […]

cze
28
2013

PHPlot – Zmiana grubości słupków horyzontalnych (Bar Chart)

plot

PHPlot nie udostępnia opcji zmiany grubości słupków przy wykresach typu Bar Chart. Przestawię poniżej modyfikację, która pozwoli ręcznie ustawiać szerokość/grubość linii wykresu słupkowego.     Przykład     Rozwiązanie 1) Na początku ciała klasy phplot, deklarujemy zmienną $SetBarWidth odpowiedzialną za zmianę wyliczeń szerokości słupka.   2) Dodajemy funkcję, dzięki której będziemy ustawiać wartość zmiennej $SetBarWidth.   3) Modyfikujemy jedną linię funkcji CalcBarWidths.   4) Poniżej ustawianie szerokości w skrypcie generującym wykres. Wartość może przyjmować ujemne […]

cze
24
2013

PHPlot – Wyrównanie odległości pomiędzy słupkami (Bar Chart)

plot

Używając klasy PHPlot Przy rysowaniu horyzontalnych wykresów typu Bar Chart (słupki), można zauważyć, że nie są one rysowane w równych odstępach pomiędzy sobą. Różnica jest jednego piksela. Niby nic, ale jest to problemem w przypadku łączenia dwóch rysunków ze sobą, np. oznaczenia słupków spoza phplot, sklejenie dwóch wykresów. Wówczas wysokości się desynchronizują, wykresy rozjeżdżają się góra/dół.   Przykład Wykres przed wyrównaniem odległości. Tutaj specjalnie powiększyłem grubość słupków, aby uwidocznić efekt   Wykres po wyrównaniu odległości […]

Strony:«12345»

O mnie

Arkadiusz Krakiewicz
Programista aplikacji webowych dla branży eCommerce. Jednocześnie jako właściciel sklepu zna od "podszewki" potrzeby osób prowadzących sprzedaż w internecie.
W swoich rozwiązaniach stawia na funkcjonalność i wydajność aplikacji pod kątem obsługi klienta.
[X]
Strona korzysta z plików cookies w celu realizacji usług i zgodnie z Polityką Plików cookies.
Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.