Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]Dynamiczny tekst w JS
Giluś
post 28.06.2012, 13:12:07
Post #1





Grupa: Zarejestrowani
Postów: 377
Pomógł: 9
Dołączył: 2.11.2010

Ostrzeżenie: (0%)
-----


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

  1. <form action="" method="post">
  2. Tekst <input type="text" name="txt" />
  3. Tekst2 <input type="text" name="txt2" />
  4. </form>


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:

  1. <form action="" method="GET">
  2. Tekst <input type="hidden" name="txtt" />
  3. Tekst2 <input type="hidden" name="txtt2" />
  4. </form>



Pozdrawiam i z góry bardzo dziękuje..
Go to the top of the page
+Quote Post
CuteOne
post 28.06.2012, 13:50:30
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

Ostrzeżenie: (0%)
-----


google -> js onkeyup
Go to the top of the page
+Quote Post
Giluś
post 28.06.2012, 14:18:09
Post #3





Grupa: Zarejestrowani
Postów: 377
Pomógł: 9
Dołączył: 2.11.2010

Ostrzeżenie: (0%)
-----


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

Znalazłem coś takiego:

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


Zrobiłem sobie do tego przykład:
  1. <input id="pole" type="text" name="pole" >


Po wpisaniu jakiegoś tekstu po winien wyskakiwać alert, a nie wyskakuję u mnie, pewnie coś robię zle, ale co ?
Go to the top of the page
+Quote Post
Sephirus
post 28.06.2012, 14:43:45
Post #4





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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


--------------------
If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;)
Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka...
Go to the top of the page
+Quote Post
Evinek
post 28.06.2012, 14:48:23
Post #5





Grupa: Zarejestrowani
Postów: 280
Pomógł: 46
Dołączył: 23.03.2010

Ostrzeżenie: (0%)
-----


Mnie też nie działa ten sposób.
Przerobiłem kod i w taki sposób działa:
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function test(){
  5. alert(1);
  6. }
  7. </head>
  8. <body>
  9.  
  10. <input id="pole" type="text" name="pole" onkeyup="test()">
  11. </body>
  12. </html>

albo z wartością:
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function test(e){
  5. alert(e);
  6. }
  7. </head>
  8. <body>
  9.  
  10. <input id="pole" type="text" name="pole" onkeyup="test(this.value)">
  11. </body>
  12. </html>


Ten post edytował Evinek 28.06.2012, 14:48:42
Go to the top of the page
+Quote Post
toffiak
post 28.06.2012, 14:50:36
Post #6





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.07.2025 - 14:07