Forum PHP.pl > Czemu wynik znika ze strony?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Czemu wynik znika ze strony?

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

finito

8.05.2014, 09:25:41

Ten kod właściwie działa i nie wyskakują żadne błędy (testowałem w firefoxie), ale wynik pojawia się tylko przez ułamek sekundy i zaraz potem znika. Wie ktoś może czemu tak się dzieje?

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
 
 
function suma_el(){
			var pole_tekstowe = document.forms['form'].t.value.split(',');
 
			var div1 = document.createElement("div");
			var textNode = document.createTextNode("Tablica: ");
			div1.appendChild(textNode);
 
			var suma = 0;
			var f = funkcja(pole_tekstowe);
			function funkcja(pole_tekstowe)
			{
				for (var i=0;i<pole_tekstowe.length;i++)
				{
 
					suma = suma + parseFloat(pole_tekstowe[i]);
				}
				return suma;
			}
			document.getElementById("suma").appendChild(div1);
			div1.innerHTML = f;
			}
 
		</script>
 
</head>
	<body>
	<div id="suma">
	<p>Suma elementów wynosi: </p>
	<form id="form">
	<input type="text" name="t">
	<button onclick="return suma_el()">button</button>
	</form>
 
		</div>
 
 
	</body>
</html>
[HTML] pobierz, plaintext

8.05.2014, 09:29:43

Bo wysyłasz formularz. Daj na końcu funkcji return false. Ewentualnie do button dodaj type="button".

finito

8.05.2014, 09:39:46

Dodałem return false i działa, ale nie bardzo rozumiem dlaczego musi być to return false. Tzn. nie bardzo wiem co ono daje względem tego kodu.

8.05.2014, 09:56:27

Wciśnięcie guziku "Button" powoduje wysłanie formularza bo domyślnie jest typu "submit". Jak wysyłasz formularz to strona się odświeża czyli wszystko znika co zrobiłeś wcześniej. Prosto to zauważyć bo zmienia Ci się adres pod którym uruchamiałeś stronę. Dodanie false powoduje przerwanie wysłania skryptu, dla przykładu inny kod:

<a href="http://www.gazetapl" onclick="return false;">nie zostaniesz przeniesiony jak klikniesz</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.