Forum PHP.pl > [HTML][JavaScript]Dynamiczny tekst w JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Dynamiczny tekst w JS

Giluś

28.06.2012, 13:12:07

Cześć, jak zrobić dynamiczny tekst w JS, polegało by to na tym, że posiadam input w HTML:

[HTML] pobierz, plaintext 
<form action="" method="post">    
Tekst <input type="text" name="txt" />
Tekst2 <input type="text" name="txt2" />
</form>
[HTML] pobierz, plaintext

I gdy wpiszę jakiś tekst to on się również pojawi w innym input, w czasie rzeczywistym, czyli nie po przeładowaniu itp, tylko naciskam tutaj klawisz a Literą "A" to TYCH 2 input pojawia się literka "A".

Drugi input wygląda tak:

[HTML] pobierz, plaintext 
<form action="" method="GET">    
Tekst <input type="hidden" name="txtt" />
Tekst2 <input type="hidden" name="txtt2" />
</form>
[HTML] pobierz, plaintext

Pozdrawiam i z góry bardzo dziękuje..

CuteOne

28.06.2012, 13:50:30

google -> js onkeyup

Giluś

28.06.2012, 14:18:09

Dzięki za odpowiedz, ale za bardzo sobie poradzić z tym nie potrafię..

Znalazłem coś takiego:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
  document.getElementById('pole').onkeyup = function(e){
    alert('1');
  };
</script>
[JAVASCRIPT] pobierz, plaintext

Zrobiłem sobie do tego przykład:

[HTML] pobierz, plaintext 
<input id="pole" type="text" name="pole" >
[HTML] pobierz, plaintext

Po wpisaniu jakiegoś tekstu po winien wyskakiwać alert, a nie wyskakuję u mnie, pewnie coś robię zle, ale co ?

Sephirus

28.06.2012, 14:43:45

To nie może nie działać - chyba że dajesz ten SCRIPT w HEAD'dzie...

Evinek

28.06.2012, 14:48:23

Mnie też nie działa ten sposób.
Przerobiłem kod i w taki sposób działa:

[HTML] pobierz, plaintext 
	<html>
	<head>
	<script type="text/javascript">
		function test(){
			alert(1);
		}
	</head>
	<body>
 
	<input id="pole" type="text" name="pole" onkeyup="test()">
	</body>
	</html>
[HTML] pobierz, plaintext

albo z wartością:

[HTML] pobierz, plaintext 
	<html>
	<head>
	<script type="text/javascript">
		function test(e){
			alert(e);
		}
	</head>
	<body>
 
	<input id="pole" type="text" name="pole" onkeyup="test(this.value)">
	</body>
	</html>
[HTML] pobierz, plaintext

toffiak

28.06.2012, 14:50:36

Na szybko
http://jsfiddle.net/yKXpP/

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.