Forum PHP.pl > [JavaScript] Zmiana tekstu za pomocą setTimeOut()

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Zmiana tekstu za pomocą setTimeOut()

thomson89

26.09.2009, 17:32:42

Witam!

Robiąc sobie jakiś tam tekst do zmiany, po upływie zadanego przez php czasu w JS za pomocą funkcji natrafiłem na problem. Tekst się nie zmienia. Wydawało mi sie że to wina PHP, więc dałem to do osobnej strony i testuję. Też nie działa. Dla porównania, zeby sprawdzić czy wszystko robię dobrze, zmieniam src obrazka. Ponizej kod:

[HTML] pobierz, plaintext 
<html>
	<head>
		<script type="text/javascript"> 
		window.onload = inicjuj;
		function inicjuj() 
		{ 
			document.getElementById("obrazek").src = "wyglad/ladowanie.gif"; 
			setTimeout('zmienObraz()', 1000);
			setTimeout('zmienTekst()', 1000);			
		} 
		function zmienObraz() 
		{ 
			document.getElementById("obrazek").src = "wyglad/obrazek.jpg"; 			
		}
		function zmienTekst() 
		{		
			document.getElementById("tekst").innerHtml = "Hello world";
		}
 
		</script>
		<title>Zmiana nazw obrazków.</title>
	</head>
	<body>
		<center><img id="obrazek" src="wyglad/ladowanie.gif" />
		<div id="tekst">a</div>
 
	</body>
</html>
[HTML] pobierz, plaintext

Dlaczego ten tekst się nie zmienia?

skowron-line

26.09.2009, 17:34:32

A co pokazuje konsola blędów

thomson89

26.09.2009, 17:45:06

Kod

Inline script compilation
Syntax error while loading: line 2 of inline script at [url="http://localhost/obrazki_rozmiary/test.html"]http://localhost/obrazki_rozmiary/test.html[/url] :
Expected token: '}'
).innerHtml = "Nazwę zmieniono z 1 na obraz1.jpg"

i co powiecie?

mls

26.09.2009, 19:29:06

Cytat(thomson89 @ 26.09.2009, 18:45:06 )

i co powiecie?

Ja powiem tyle, że z całym szacunkiem, nie myślisz. Błąd jaki Ci zwraca nie ma nic do kodu który wkleiłeś.

thomson89

26.09.2009, 20:23:57

Mój błąd. Konsola nic nie zwraca. Przepraszam! Ale co to zmienia? Dlaczego skrypt nie działa?

#luq

26.09.2009, 21:13:45

Pierwszym parametrem powinien być wskaźnik na funkcję albo string z instrukcjami do wykonania.
Imho bardziej elegancki jest wskaźnik, lub od razu funkcja wpisana inline (ofc. gdy jest krótka i nie ma kilku jej wywołań).

W JS`ie wielkość znaków ma znaczenie. innerHtml != innerHTML.

Kod

                        document.getElementById("obrazek").src = "1.png";
            setTimeout(
                function(){
                    document.getElementById("obrazek").src = "2.png";
                },
                1000
            );
            setTimeout(
                function(){
                    document.getElementById("tekst").innerHTML = "Hello world";
                },
                1000
            );

thomson89

26.09.2009, 21:20:15

Dziękuję! Po zmianie na HTML wszystko działa.

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.