Forum PHP.pl > [JavaScript]Prosty skrypt nie działa (dynamiczne wyświetlanie <div> <span>)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Prosty skrypt nie działa (dynamiczne wyświetlanie <div> <span>)

lordmonkey

3.04.2010, 10:55:56

witam,
mam problem z takim kodem (nie chce on w ogóle działać) , ani zmiana koloru ani wyświetlanie tekstu

[HTML] pobierz, plaintext 
<html>
    <head>
        <title>
Jaka jest twoja przegladarka?
        </title>
		      <script language="javascript">
			function displayText()
			{
                            document.getElementById('targetDiv').innerHTML = "Używasz JavaScript";
			    document.getElementById('targetSpan').innerHTML = "Używasz JavaScript";
			}
			</script>
 
    </head>
    <body  onload="displayText()" onmousedown="document.bgcolor='pink' ">		  
		    Nowy tekst pojawi się tutaj : „<span id="targetSpan">   </span>". 
		<div id="targetDiv">
        </div>
    </body>
</html>
[HTML] pobierz, plaintext

i jeżeli ktoś może mi wytłumaczyć na czym polegają , czym się różnią i ktrego kodowania (UTF, UTF without BOM , ANSI itp) powinienem używać ?

Pawel_W

3.04.2010, 11:02:28

używaj UTF-8 bez BOM, różnią się one (chyba) tym, że UTF-8 BOM dorzuca ci 3 "niewidzialne" znaki na początku dokumentu

co do kodu to

[HTML] pobierz, plaintext 
<script language="javascript">
[HTML] pobierz, plaintext

zamień na

[HTML] pobierz, plaintext 
<script type="text/javascript">
[HTML] pobierz, plaintext

a jak nie pomoże to tak:

[HTML] pobierz, plaintext 
<html>
    <head>
        <title>
Jaka jest twoja przegladarka?
        </title>
		      <script type="text/javascript">
window.onload = function(){displayText();}
			function displayText()
			{
                            document.getElementById('targetDiv').innerHTML = "Używasz JavaScript";
			    document.getElementById('targetSpan').innerHTML = "Używasz JavaScript";
			}
			</script>
 
    </head>
    <body  onload="displayText()" onmousedown="document.bgcolor='pink' ">		  
		    Nowy tekst pojawi się tutaj : „<span id="targetSpan">   </span>". 
		<div id="targetDiv">
        </div>
    </body>
</html>
[HTML] pobierz, plaintext

piotrooo89

3.04.2010, 11:02:36

zainteresuj się narzędziem FireBug, pomaga on lokalizować błędy w JS. jeśli chodzi o Twoje pytania dotyczące kodowań, to myślę że wujek google zawsze pomoże. aha i nie zaszkodzi Ci przeczytać ten temat: Temat: Jak poprawnie zada pytanie. i proszę o sensowny tytuł inaczej zamknę.

lordmonkey

3.04.2010, 11:12:31

dzięki Pawel_W , ale zmienianie koloru dalej nie działa i wyświetlanie tekstu ze <span> też nie działa ;/

Pawel_W

3.04.2010, 11:15:21

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Jaka jest twoja przegladarka?</title>
<script type="text/javascript">
window.onload = function(){displayText();}
window.onmousedown = function(){document.body.style.background = 'pink';}
function displayText()
{
document.getElementById('targetDiv').innerHTML = "Używasz JavaScript";
document.getElementById('targetSpan').innerHTML = "Używasz JavaScript";
}
</script>
</head>
<body>	  
Nowy tekst pojawi się tutaj : "<span id="targetSpan"></span>". 
<div id="targetDiv"></div>
</body>
</html>
[HTML] pobierz, plaintext

lordmonkey

3.04.2010, 11:30:54

no ok teraz to działa wszystko

ale dlaczego tak działa a wcześniej nie?

i dlaczego zamiast np.

Kod

window.onload = function(){displayText();}

nie można dać ?

Kod

window.onload = displayText()

Pawel_W

3.04.2010, 12:28:33

można, ale tak:

Kod

window.onload = displayText;

lordmonkey

3.04.2010, 12:50:19

ok dzięki 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.