Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][HTML] Wysłanie zawartości textarea klawiszem ENTER (key num 13)
modern-web
post
Post #1





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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

Witam Was!
Ostatnio spotkałem się z dość specyficznym problemem, otóż - jak wysłać formularz, który zawiera jedynie pole TEXTAREA. Chodzi tutaj o zaakceptowanie go (coś jak wciśnięcie przycisku submit) z użyciem klawisza ENTER (13).
Znalazłem podobne wpisy na forum lecz nigdzie nie ma jasnej odpowiedzi. Może ktoś z Was spotkał się z podobnym problemem i zechciałby podzielić rozwiązaniem (IMG:style_emoticons/default/smile.gif) ?

Z góry dzięki za wszelką pomoc!
Pozdrawiam!
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

Łapać js naciśnięcie entera i submitować formularz js
Go to the top of the page
+Quote Post
IProSoft
post
Post #3





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

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

[JAVASCRIPT] pobierz, plaintext 
  1. $(function() {
  2. 	$(document).keydown( function(e){
  3. 		e=e?e:window.event;
  4. 		key = e.keyCode ? e.keyCode : e.which;
  5. 		if(key==(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) ){
  6. 			///submit formularza
  7. 		}
  8. 	});
  9. })
[JAVASCRIPT] pobierz, plaintext


Ten post edytował IProSoft 29.05.2012, 19:30:51
Go to the top of the page
+Quote Post
modern-web
post
Post #4





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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

Dobra, co rozumiesz przez //submit formularza (IMG:style_emoticons/default/smile.gif)
Podobny kod już widziałem lecz wszelkie kombinacje usadowienia tam akcji na przycisku typu submit skończyły się fiaskiem :/
Go to the top of the page
+Quote Post
lobopol
post
Post #5





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

submit formularza używając jquery http://api.jquery.com/submit/
używając "czystego" js http://www.javascript-coder.com/javascript...rm-submit.phtml
Go to the top of the page
+Quote Post
modern-web
post
Post #6





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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

Oooo! Dzięki za linki (IMG:style_emoticons/default/smile.gif) teraz wiem z czym to się je.
Zaraz to przetestuję i w razie czego - odezwę się (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
kefirek
post
Post #7





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

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

[HTML] pobierz, plaintext 
  1. <html> 
  2. <head>
  3. <script src="jquery.js" type="text/javascript"></script>
  4.  
  5. <script type="text/javascript">
  6.  
  7. $(document).ready(function() {
  8. $('#my_textarea').bind('keypress', function(e) { 
  9.         if(e.keyCode==13){ 
  10.                 $('#my_submit').submit();
  11.  
  12.         } 
  13. }); 
  14.  
  15. });
  16.  
  17. </script>
  18.  
  19. </head>
  20.  
  21. <body>
  22.  
  23. <form id="my_submit" action="data.php" method="POST" >
  24. Test: 
  25. <textarea id="my_textarea" name="nazwa"></textarea>
  26. </form>
  27.  
  28.  
  29. </body>
  30. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
modern-web
post
Post #8





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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

Niestety ten sposób nie działa (IMG:style_emoticons/default/sad.gif)
Jakieś inne propozycje?

Po wciśnięciu enter nic się nie dzieje (IMG:style_emoticons/default/smile.gif)

Poprawka: działa ale nie wysyła formularza - nie przekazuje wartości pola textarea w tablicy $_POST do skryptu php :/

Ten post edytował modern-web 29.05.2012, 22:16:06
Go to the top of the page
+Quote Post
rob_roy
post
Post #9





Grupa: Zarejestrowani
Postów: 29
Pomógł: 1
Dołączył: 21.06.2011

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

[HTML] pobierz, plaintext 
  1. $('#my_submit').submit();
[HTML] pobierz, plaintext


zamień na :

[HTML] pobierz, plaintext 
  1. $('form[name="my_submit"]').submit();
[HTML] pobierz, plaintext


zły selector poza tym formy wysyła się po name a nie po id z tego co kojarze
Pzdr

Ten post edytował rob_roy 29.05.2012, 23:01:35
Go to the top of the page
+Quote Post
modern-web
post
Post #10





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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

To cały czas nie to :/
Nie akceptuje formularza tym razem :/

[HTML] pobierz, plaintext 
  1. <html> 
  2. <head>
  3. <script src="jquery.js" type="text/javascript"></script>
  4.  
  5. <script type="text/javascript">
  6.  
  7. $(document).ready(function() {
  8. $('#my_textarea').bind('keypress', function(e) { 
  9.         if(e.keyCode==13){ 
  10.                 $('form[name="my_submit"]').submit();
  11.  
  12.         } 
  13. }); 
  14.  
  15. });
  16.  
  17. </script>
  18.  
  19. </head>
  20.  
  21. <body>
  22.  
  23. <form id="my_submit" name="my_submit" action="data.php" method="POST" >
  24. Test: 
  25. <textarea id="my_textarea" name="nazwa"></textarea>
  26. </form>
  27.  
  28.  
  29. </body>
  30. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
IProSoft
post
Post #11





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

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

Co znaczy nie akceptuje?
Wrzuciłem u siebie czysto skopiowane i po naciśnięciu Enter zwracał ładnie w $_POST Array ( [nazwa] => gfhfghfh )
Go to the top of the page
+Quote Post
modern-web
post
Post #12





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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

A ustawiłeś action="" czy action="plik.php" ?
Bo u mnie akurat (chociaż w przykładzie tego nie widać) część odbierająca dane z tablicy $_POST znajduje się w tym samym pliku co formularz.
Faktycznie, wysyłać - wysyła ale tablica jest pusta.
Go to the top of the page
+Quote Post
IProSoft
post
Post #13





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

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

Nie ma różnicy czy "" czy "plik.php" (sprawdziłem oba).

Daj na końcu pliku do którego przesyłasz:
Kod
print_r($_POST);

i wyślij form.
dla pewności sprawdź czy masz aktualną bibliotekę jquery.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 21:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn