Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Brak reakcji
castagir
post
Post #1





Grupa: Zarejestrowani
Postów: 146
Pomógł: 3
Dołączył: 28.10.2014

Ostrzeżenie: (10%)
X----

Witam


Od jakiegoś czasu się uczę JS i czuję, że dość tej teorii i trzeba zabrać się za praktykę.
Już na samym początku napotykam same problemy.

Mam taki kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Instalacja ENDO</title>
  6. <link href="css/style.css" rel="stylesheet" type="text/css" />
  7. <script type="text/javascript" src="instalacja.js"></script>
  8. </head>
  9.  
  10. <body>
  11. <div class="strona">
  12. 	<center><img src="css/logo_endo_duze.png" id="przejscie"/></center>
  13. 	<div class="tabela">
  14. 		<p id="przejscie1">Rozpocznij instalację</p>
  15. 	</div>
  16. </div>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext


Do tego jest plik js:
[HTML] pobierz, plaintext 
  1. var przejscie1 = document.getElementById("przejscie1");
  2. przejscie1.onclick = function(){alert("kliknales przejscie");}
[HTML] pobierz, plaintext


Moje pytanie brzmi. Co zrobić aby po zdarzeniu "onclick", a nawet zwyklym "onmouseover" zostala wykonana czynnosc?
Tutaj akurat jest alert, ale tylko po to aby sprawdzić czy to zdarzenie działa. Wcześniej miałem kawałek kodu, który zmieniał treść poprzedniego akapitu, ale go wykasowałem, bo i tak nie działa. Problem leży w tym, że reakcja w ogóle nie chce zaskoczyć.

Jak poprawnie pisać to? Czy problem leży w tym, że nie jest może zmienna zaimplementowana podczas document.onload?
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Skoro bawisz się js, to weź zainstaluj w koncu FireFox z FireBugiem... Tam masz konsole bledow a bedziesz widział na bieżąco o co pluje sie js...

Co do aktualnego bledu:
najpiero pobierasz element o danym ID, a potem dopiero ten element tworzysz.... hm.... widzisz juz sam błąd logiczny?
Go to the top of the page
+Quote Post
Randallmaster
post
Post #3





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

Ostrzeżenie: (0%)
-----

Osobiście polecił bym naukę jquery jest prostsza (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
castagir
post
Post #4





Grupa: Zarejestrowani
Postów: 146
Pomógł: 3
Dołączył: 28.10.2014

Ostrzeżenie: (10%)
X----

Cytat(nospor @ 12.02.2015, 07:57:54 ) *
Skoro bawisz się js, to weź zainstaluj w koncu FireFox z FireBugiem... Tam masz konsole bledow a bedziesz widział na bieżąco o co pluje sie js...

Co do aktualnego bledu:
najpiero pobierasz element o danym ID, a potem dopiero ten element tworzysz.... hm.... widzisz juz sam błąd logiczny?


Zrobiłem tak jak powiedziałeś.
FireBug nic nie wykrywa, abłąd logiczny został poprawiony.
Teraz skrypt wyglada tak:

[HTML] pobierz, plaintext 
  1. document.getElementById("przejscie1");
  2. var przejscie1 = document.getElementById("przejscie1");
  3. przejscie1.onmouseover = alert("TEKST");
[HTML] pobierz, plaintext


Problem teraz jest taki, że nie ważne jakie bym wpisał zdarzenie po "przejscie1.", alert pojawia się zaraz po załadowaniu strony.

@Randallmaster
Kusząca propozycja, ale nie mam jak sie tego nauczyć. Wcześniej próbowałem, ale tutoriale dostepne w internecie są do niczego, a nauczyciela też nie mam żadnego.
W dodatku nie ma żadnej dobrej polskiej dokumentacji.
Go to the top of the page
+Quote Post
nospor
post
Post #5





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
FireBug nic nie wykrywa, abłąd logiczny został poprawiony.
Jesli poprawiles blad logiczny, to logiczne, ze juz konsola nie pokaze zadnego bledu.

przejscie1.onmouseover = alert("TEKST");
To nie jest przypisanie wywolania alert dla onmouseover... to jest natychmiastowe wykonanie alert('TEKST') i przypisanie wyniku do onmouseover... bez sensu. Poczytaj o callback w js i jak sie ich uzywa.

ps:
o tu:
przejscie1.onclick = function(){alert("kliknales przejscie");}
masz poprawnie przypisany callback
Go to the top of the page
+Quote Post
castagir
post
Post #6





Grupa: Zarejestrowani
Postów: 146
Pomógł: 3
Dołączył: 28.10.2014

Ostrzeżenie: (10%)
X----

tego juz probowalem x razy i nic nie dziala. nie wiem dlaczego, ale nawet jquery u mnie nie dzialaja. pobralem probke z helionu, gdzie jest wstawiony przykladowy skrypt z bilbioteka jquery i tez nie dziala.

byc moze problem lezy w moich przegladarkach lub serwerze.
Go to the top of the page
+Quote Post
Wazniak96
post
Post #7





Grupa: Zarejestrowani
Postów: 550
Pomógł: 75
Dołączył: 5.06.2012
Skąd: Lębork

Ostrzeżenie: (0%)
-----

Co do jQuery, załączyłeś na pewno bibliotekę jQuery do kodu? Pokaż co tam naskrobałeś...
Go to the top of the page
+Quote Post
castagir
post
Post #8





Grupa: Zarejestrowani
Postów: 146
Pomógł: 3
Dołączył: 28.10.2014

Ostrzeżenie: (10%)
X----

Już wszystko w porządku. Przerzuciłem się na drugiego kompa i na nim wszystko ładnie śmiga. Tutaj chyba jest problem ze sprzętem, ale teraz nie mam czasu się tym bawić.

Dzięki wszystkim za uwagę i pomoc.
Pozdrawiam!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.08.2025 - 05:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn