Forum PHP.pl > [HTML][JavaScript]Brak reakcji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Brak reakcji

castagir

12.02.2015, 06:47:19

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 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Instalacja ENDO</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="instalacja.js"></script>
</head>
 
<body>
<div class="strona">
	<center><img src="css/logo_endo_duze.png" id="przejscie"/></center>
	<div class="tabela">
		<p id="przejscie1">Rozpocznij instalację</p>
	</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

Do tego jest plik js:

[HTML] pobierz, plaintext 
var przejscie1 = document.getElementById("przejscie1");
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?

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?

Randallmaster

12.02.2015, 09:35:52

Osobiście polecił bym naukę jquery jest prostsza

castagir

12.02.2015, 11:45:46

Cytat(nospor @ 12.02.2015, 07:57:54 )

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

[HTML] pobierz, plaintext 
document.getElementById("przejscie1");
var przejscie1 = document.getElementById("przejscie1");
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.

nospor

12.02.2015, 12:25:17

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

castagir

12.02.2015, 19:24:35

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.

Wazniak96

12.02.2015, 19:37:06

Co do jQuery, załączyłeś na pewno bibliotekę jQuery do kodu? Pokaż co tam naskrobałeś...

castagir

15.02.2015, 14:35:58

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!

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.