Archiwa

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)

JavaScript Quiz

Sprawdź swoją wiedzę na temat JavaScriptu rozwiązując JavaScript Quiz.

Quiz koncentruje się głównie na podstawowej wiedzy jak scoping („zasięg globalny”), funkcje wyrażeń (i w jaki sposób różnią się od deklaracji funkcji), odwołaniach, procesie deklaracji zmiennych i funkcji, itd.

| kategoria: Programowanie, Skrypty | Komentarze (0)

Zrzut „ekranu” przeglądarki

Podczas pracy nierzadko chcemy komuś przekazać coś, co widzimy w oknie swojej przeglądarki (zrzut okna przeglądarki), np. może to dotyczyć jakiegoś komunikatu o błędzie. Tradycyjnie wykonalibyśmy to przez kliknięcie w CTRL+Print Screen i to, co zostało skopiowane do bufora pamięci moglibyśmy wkleić do dowolnego programu graficznego. Jest to dość uciążliwe, a tym bardziej dla osób, które nie do końca potrafią to zrobić.

Niemniej jednak z pomocą może nam przyjść ciekawa wtyczka do przeglądarki Firefox, która nazywa się Screengrab!. Działanie jej jest dość proste. Po instalacji w prawym dolnym r[......]

Read more

| kategoria: HTML i XHTML, Programowanie, Przeglądarki | Komentarze (0)

AJAX – kiedy nie jest wspierany i jak się zabezpieczyć przed tym

Kiedy AJAX nie jest dostępny?

Większość twórców rozwiązań w internecie stwierdza, iż AJAX jest wszędzie dostępny (ang. Asynchronous JavaScript and XML, asynchroniczny JavaScript i XML). No i w zasadzie na argument, że należy tworzyć strony czy aplikacje działające również bez Ajaksa z reguły dostaje się odpowiedź, że To nie istotna grupa odbiorców lub A znajdź takiego, co nie ma.

Zastanówmy się zatem, w jakich sytuacjach AJAX może być wyłączony lub niedostępny. Okoliczności, w których musimy się liczyć z tym, że nasza strona lub aplikacja nie będzie dziać, wbrew pozorom, nie występują tak rzad[......]

Read more

| kategoria: Accessibility, Programowanie | Komentarze są wyłączone

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)

Przełączanie widoczne / niewidoczne – javascript + css

Czasem chcemy, aby dany element pojawiał się lub znikał po klinięciu w inny element, np. opcje w ten sposób można pokazywać. Jednym ze sposobów może być stworzenie linka Opcje i podpięcie do niego opcji pokaż / ukryj.

Zastosowanie tutaj linka ma drobną zaletę: kliknięcie od razu kieruje nas do podanego w linku zasobu. Niemniej jednak można kod podany przez nas przerobić tak, aby działał dla każdego elementu. Kolejną sprawą jest to, że wystarczy nadać elementowi a klasę toggle i potem za pomocą JavaScript-u odpowiednio je odnaleźć i podpiąć funkcję. Zatem zaczynamy po kolei.

Najpierw musimy zeb[......]

Read more

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

Stack overflow at line 0, javascript i getAttribute href błąd

Jeśli pojawia Ci się błąd stack overflow at line 0 w Internet Explorer 6,7, a programujesz, to na 99% jest to wina niepoprawnego kodu JavaScript. Przyczyną tego w naszych źródłach była niepoprawnie zwracana wartość href metodą getAttribute('href') przez Internet Explorer w określonej dużej pętli.

Ogólnie rzecz biorąc, aby pobrać wartość atrybutu href, można użyć trzech sposobów:

  1. getlink.href;
  2. getlin['href'];
  3. getlink.getAttribute('href');

W niektórych przeglądarkach getAttribute('href') na elemencie zwraca pełny adres URL, nawet jeśli atrybut href zawiera ścieżkę względną, a w innych dokład[......]

Read more

| kategoria: Programowanie | Komentarze (0)

setAttribute, style i Internet Explorer (IE)

Próbowałeś kiedyś skorzystać z javascriptowej funkcji setAttribute('style','właściwości'); i nie zadziałała Ci w Internet Explorer? No właśnie. A to dlatego, że IE nie wspiera tego w całości i jest niekompletnie zaimplementowane.

Niemniej jednak jest na to proste rozwiązanie, które cytujemy za peterbe.com:

function rzCC(s){
// thanks http://www.ruzee.com/blog/2006/07/
// retrieving-css-styles-via-javascript/
for(var exp=/-([a-z])/;
exp.test(s);
s=s.replace(exp,RegExp.$1.toUpperCase()));
return s;
}

function _setStyle(element, declaration) {
if (declaration.ch[......]

Read more

| kategoria: Programowanie | Komentarze (0)

Usuwanie wszystkich podfolderów .svn używając Total Commandera

Chcemy usunąć wszystkie podfoldery .svn w projekcie. Ręczna praca zajmie zbyt dużo czasu. Można łatwo to zrobić używając Total Commander-a w kilku krokach:

  • Wciśnij ALT + F7 i w polu Szukaj wpisz .svn
  • Po wyszukaniu wszystkich wyników kliknij na Wpisz do okna. Wyniki wyszukiwania zostaną wpisane do okna aktywnego w Total Commander.
  • Zaznacz wszystko.
  • Usuń wszystko np. wciskając klawisz DEL.

| kategoria: Programowanie | Komentarze (2)

keep looking »

Polecamy

Znajdź na stronie

Pomoc do strony

Bądź na bieżąco

do góry