Forum PHP.pl > [JavaScript]Problem początkującego

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Problem początkującego - onclick

Suule

2.07.2009, 14:06:56

Witam, uczę się od jakiegoś czasu JS z książki, ale przykłady z funkcją onclick nie działają ;/

Kod

<html>
<head>
<title>Użycie zmiennych</title>
<script language="javascript">
var counter1 = 0;
function displayText ()
{
var counter2 = 0;
counter1 = counter1++;
counter2=counter2++;
document.getElementById('targetDiv').innerHTML =
"Pierwszy licznik równy " + counter1 + "<br>" +
"Ale drugi licznik jest zablokowany przy " + counter2;
}
</script>
</head>
<body onclick = "displayText();">
<h1>Użycie zmiennych (Kliknij mnie!)</h1>
<div id="targetDiv">
</div>
</body>
</html>

Po kliknięciu pojawia się tekst z wartościami = 0, ale po ponownym kliknięciu strony nic się nie dzieje.
Jakieś pomysły?

paziek

2.07.2009, 14:27:44

Kod

<html>
<head>
<title>Użycie zmiennych</title>
<script language="javascript">
var counter1 = 0;
function displayText ()
{
var counter2 = 0;
counter1++;
counter2++;
document.getElementById('targetDiv').innerHTML =
"Pierwszy licznik równy " + counter1 + "<br>" +
"Ale drugi licznik jest zablokowany przy " + counter2;
}
</script>
</head>
<body onclick = "displayText();">
<h1>Użycie zmiennych (Kliknij mnie!)</h1>
<div id="targetDiv">
</div>
</body>
</html>

tak działa

Suule

2.07.2009, 20:16:01

Dzięki... rzeczywiście głupi błąd.

Nie wiem czy ta książka jest stara czy co?
Ale mam kolejny problem, z onclick. Przykład 'działa', wyskakuje mi to co napisałem, ale(własnie 'ale':P), po wciśnięciu przycisku i pojawianiu się tekstu... znika ona natychmiastowo.

Kod

<html>
<head>
<title>Użycie zmiennych</title>
<script language="javascript">
function handleText()
{
document.getElementById('targetDiv').innerHTML ="Wpisałeś:" +document.getElementById('textField').value;
}
</script>
</head>
<body>
<h1>Odczyt tekstu</h1>
<form>
Wpisz jakiś text: <input type ="text" id="textField">
<br>
Potem kliknij przycisk:
<input type="submit" onclick="handleText()" value="Odczytaj tekst">
</form>
<div id="targetDiv">
</div>
</body>
</html>

kamil4u

3.07.2009, 20:47:19

Kod

<html>
<head>
<title>Użycie zmiennych</title>
<script language="javascript">
function handleText()
{
document.getElementById('targetDiv').innerHTML ="Wpisałeś:" +document.getElementById('textField').value;
}
</script>
</head>
<body>
<h1>Odczyt tekstu</h1>
<form>
Wpisz jakiś text: <input type ="text" id="textField">
<br>
Potem kliknij przycisk:
<input type="button" onclick="handleText()" value="Odczytaj tekst">
</form>
<div id="targetDiv">
</div>
</body>
</html>

zmieniona ta linia:

Kod

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.