Komentarze do: Praktyczne wprowadzenie do JavaScript #6

Autor: Matikx

Matikx — Wed, 13 Jul 2011 15:16:33 +0000

Nie wiem, czy dobrze robią, ale z powyższego skryptu… nie działa mi onclick ? może się coś zmieniło dla HTML5?
Od razu mi alert ładuje po odświeżeniu
function Laduj() { var odnosnik = document.getElementById('link'); odnosnik.onclick = alert; }

Autor: emiot

emiot — Thu, 24 Mar 2011 22:54:41 +0000

ZajOnDz,

wielu profesjonalistów postuluje separację struktury strony (najczęściej to treść ubrana w HTMLowe tagi) od jej warstwy prezentacyjnej (głównie arkusze stylów) i zachowania (JavaScript). niekoniecznie w omawianym w tym odcinku przykładzie, ale w bardziej zaawansowanych aplikacjach taka praktyka czyni pracę z kodem zdecydowanie wygodniejszą i szybszą dla wszystkich mających z nim do czynienia.

Autor: ZajOnDz

ZajOnDz — Mon, 07 Feb 2011 17:15:43 +0000

Szczerzę mówiąc to nie wiem po co tak motać… Jeśli HTML posiada normalnie zdarzenia to dla czego bawić się z ich usuwaniem z BODY?

Autor: NearDark

NearDark — Sat, 06 Feb 2010 23:43:54 +0000

coraz bardziej mi się ten kurs podoba, coraz bardziej ;)

Autor: zbycho

zbycho — Mon, 01 Feb 2010 13:56:16 +0000

Czyzby nikt nie dopatrzyl sie, ze zmienna ‘odnosnik’ zostala dwa razy zainicjowana? Przydaloby sie male wyjasnienie traktujace o zasiegu zmiennych…

Autor: Bartek

Bartek — Sat, 04 Oct 2008 09:21:16 +0000

Uff kolejny już mój komentarz dziś – mam nadzieję, że mnie za to nikt nie zbanuje ;) Bardzo podoba się mi tekst – fajnie wyjaśnia istotę poruszonego zagadnienia, pozwoliłem sobie więc zamieścić link do niego w jednej z moich lekcji – tutaj mam nadzieje, że Autor nie ma nic przeciwko, pozdrawiam i czytam dalej :-D

Autor: ferrante

ferrante — Sun, 27 Jan 2008 19:14:55 +0000

Coz, musialbys poczytac dalej kurs – szczegolnie zajac sie getElementsByTagName, by wybrac wszystkie paragrafy. Potem nadac kazdemu w petli wlasnie onclick itd.

Pozdrawiam

Autor: Arthuro

Arthuro — Sun, 27 Jan 2008 17:56:50 +0000

Jestem zielony z JS ale myślę, że po kilku takich kursach wkońcu coś zajarze :)
Jak narazie sledząc ten kurs, wszystko ładnie i pięknie zadziałało i u mnie…
Od kilku godzin jednak kombinuje:
1. Jak by takie zawijanie paragrafu zastosować w ten sposób, by w przegladarce z wyączonym JS paragraf do ukrycia był widoczny i tylko przy działającym JS był w stanie ukrytym
2. A jeśli juz przy wyłączonym JS beędzie się wyświetlać paragraf do ukrycia to chyba link „schowaj” w tym momencie tez powinien być ukryty
3. po trzecie jak zmodyfikować skrypt by na stronie można było umieścić kilka paragrafów do ukrycia i by bez działającego JS były widoczne w przegladarce a z włączonym JS były wszystkie schowane a adnośniki dla każdego widoczne oraz by klikając na jeden z odnośników wyświetlał się ten przypisany mu paragraf.
Częściowo z punktami 1 i 2 dla pojedynczego paragrafu dałem sobie radę (w display przy paragrafie dałem „block” a link umieściłem w znaczniku SPAN z display:none by link nie wyświetlał się jeśli nie działa JS i zastosowałem funkcję warunkową która działa tylko gdzy załączone JS)
Gdy zacząłem dalej kombinować z kodem dla wiekszej ilości paragrafów na stronce wszystko mi się rozjechało i poddałem się – krótko mówiąc utknąłem – zastanawiam się czy nie będzie trzeba tu zastosować jakiegoś zapętlenia by ten przykład z kursu zadziałał dla wielu paragrafów do ukrycia.
Może ktoś pomoże? Pozdrawiam

Autor: Misiur

Misiur — Sat, 03 Nov 2007 20:35:09 +0000

Uff… coraz bardziej zawiłe :) Ale jedziemy! Może i mam małe błędy składniowe (w html), ale okazuje się że to wina FF i IE 7…

Autor: m010ch

m010ch — Sun, 12 Aug 2007 18:17:35 +0000

Hmm – coś się chyba zmieniło w nowych wersjach przeglądarek :P

1. odnosnik.onclick = alert;
„Jak widać, wszystko działa. Po kliknięciu linku, pokaże się puste okno.”

Pod Firefoksem (2.0.0.6) nie działa – w konsoli błędów widać, że wyrzucany jest mało mówiący wyjątek:
Błąd: uncaught exception: [Exception... "Illegal operation on WrappedNative prototype object" nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)" location: "native frame :: :: :: line 0" data: no]
Pod Operą (9.22) dostaje się alert z [object MouseEvent] w treści, a pod IE6 nie dostaje się nic (tak jak pod Fx).

2. „W Internet Explorer, po kliknięciu w testuj onload ujrzymy okienko o treści: (…) W innych przeglądarkach, a więc w Operze i Firefoxie zamiast powyższego kodu, pojawi się w okienku wartość null. ”

Aktualnie wygląda to tak:
- IE6 i Opera (9.22): null
- Firefox (2.0.0.6):
function onload(event) { alert('uwaga, zaladowal sie dokument!'); }

3. „Jeśli dołączasz swoje skrypty do dokumentu w postaci oddzielnego pliku .js, deklarację window.onload umieszczaj na jego końcu. Kiedy dodajemy kod JS z zewnętrznego pliku, przeglądarka aplikuje go do swojej pamięci od góry do dołu. Jeśli więc napotka window.onload, funkcja jej przypisana musi być już wcześniej w pamięci.”

Wiem, że dzięki naszej wymianie maili wprowadziłeś tę poprawkę w tekście, ale aktualnie widzę, że window.onload może być w dowolnym miejscu zewnętrznego pliku .js i zadziała ;]