Archiwa

Dlaczego czasem nie działają skrypty oparte o jQuery w WordPress-ie?

Dodajesz skrypty oparte o jQuery w Wordpress-ie i… nie działają one. Jedną z przyczyn jest stosowanie aliasu $ w Twoim kodzie. Chodzi o to, że WordPress domyślnie ustawia „no conflict mode”, co powoduje, że każdy $ w swoim kodzie musisz zamienić na jQuery.

jQuery.noConflict() jest po to, by wyeliminować ewentualne konflikty z innymi bibliotekami, które używają aliasu $.

| kategoria: JavaScript, Wordpress | Komentarze (3)

JavaScript, base64 – kodowanie i dekodowanie

Czasem potrzebne jest kodowanie i dekodowanie stringów za pomocą base64. Oryginalną metodę kodowania i dekodowania base64 dostępna na www.webtoolkit.info zmodyfikowałem o wykorzystanie (jeśli dostępne) metod natywnych btoa i atob.

Oczywiście, jeśli natywne metody btoa i atob nie istnieją wówczas string zostanie „ręcznie” zmodyfikowany.

var global = (function(){return this})();
var reFeaturedMethod = new RegExp(‘^(function|object)$’, ‘i’);
var isHostMethod = function(o, m)
{
var t = typeof o[m];
return Boolean(t == ‘unknown’ || (reFeaturedMethod.test(t) && o[m]));
};

var[......]

Read more

| kategoria: JavaScript | Komentarze (0)

Tooltips – eleganckie title do elementów

Niekiedy chcemy w naszych projektach urozmaicić wygląd naszego domyślnego atrybutu title i stworzyć eleganckie tzw. tooltip-y. W internecie jest już sporo różnych rozwiązań na ten temat. Na pewno nie zaszkodzi podać i własne rozwiązanie, pozwalające na ulepszenie atrybutu title. Takie „bezobsługowe” tooltip-y.

Podstawowe cechy to:

  • Jeśli masz wyłączony JavaScript, to dostępny jest domyślny atrybut title.
  • Rozdzielenie kodu JavaScript i CSS.
  • Możliwość dowolnej kombinacji stylów dla naszego tooltip-a.
  • Bezobsługowe działanie, czyli poza samym title="test", nic nie trzeba robić.

W załączonym przyk[......]

Read more

| kategoria: CSS, HTML i XHTML, JavaScript | Komentarze (0)

Reformatowanie kodu JavaScript

Przeglądając źródła JavaScript w internecie często można zauważyć kod, którego praktycznie nie da się czytać i analizować. Przyczyn może być wiele, np. skompresowany kod. Niemniej jednak jedną z wielu możliwości doprowadzenia kodu źródłowego do postaci bardziej czytelnej jest zastosowanie odpowiednich narzędzi. Przykładem takich narzędzi może być:

  1. Javascript unpacker and beautifier
  2. Dodatek YSlow do Firebug-a

Pierwsze rozwiązanie jest dość proste i zawiera po prostu pole textarea, do którego wklejamy interesujący nas kod i klikamy przycisk „Beautify”. Możemy dodatkowo zdefiniować sobie ilość[......]

Read more

| kategoria: Artykuły, JavaScript, Programowanie | Komentarze (0)

Kompresja JavaScript-u

Przy finalnej wersji projektu warto pomyśleć czy nie skompresować pliku z kodem JavaScript. Z pomocą tutaj przychodzi nam narzędzie o nazwie „YUI Compressor Online”. Wg naszych testów skompresowany kod działa poprawnie. Dlaczego o tym piszemy?

Okazało się podczas różnych testów kompresorów, że po niektórych kompresjach kod JavaScript przestawał działać. Dlatego warto dobrze przetestować kompresory JavaScript-u. Sama kompresja kodu JS na pewno nie jest złym pomysłem, bo zyskujemy na transferze i szybkości ładowania się.

| kategoria: JavaScript, Programowanie, Skrypty | Komentarze (2)

Polecamy

Znajdź na stronie

Pomoc do strony

Bądź na bieżąco

do góry