Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript][AJAX]Dynamiczne dodawanie pól
patryk9200
post
Post #1





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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

Cześć,
Potrzebuję zrobić panel dodawania zastępstw na stronę szkolną, ale nigdy nie wiadomo ile tych zastępstw będzie.
I w związku z tym chciałbym stworzyć stronę na której domyślnie wyświetlała by się możliwość dodania np. pięciu zastępstw a pod tym przycisk dodaj nastepne z możliwością wpisania ile ich będzie. Jak stworzyć takie coś bez ponownego załadowania strony tzn. tak jak przycisnę przycisk to pojawią mi się dodatkowe pola np.
zakogo1 czas1 zkim1

zakogo2 czas2 zkim2
zakogo3 czas3 zkim3
i tak dalej żeby je utworzyło.
I jeszcze jedno jak później takie coś w PHP odebrać ?
Z góry dzięki za pomoc (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kefirek
post
Post #2





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

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

Hmm (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) mam dobry dzień to ci zrobiłem (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) ale jak odebrać w php pogłówkuj juz sam (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) ( Poczytaj o tablicy $_POST )
[HTML] pobierz, plaintext 
  1. <head>
  2.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  3.  
  4.  
  5. <style type="text/css">
  6. label {	
  7. display: block;}label a{	
  8. color: #CC0000;
  9. text-decoration: none;	margin-left: 5px;
  10. }
  11. label a:hover{
  12. text-decoration: underline;
  13. }
  14. </style>
  15.  
  16.  
  17. <script>
  18. $(document).ready(
  19. function()
  20. {
  21. $("#dodaj").click(function()
  22. {		
  23. new_text = ('Za kogo ');
  24. var new_label = $("<label>");
  25. var new_input = $("<input>");
  26. new_input.attr("type", "text");			
  27. new_text1 = (' czas ');
  28. var new_label1 = $("<label>");
  29. var new_input1 = $("<input>");
  30. new_input1.attr("type", "text");		
  31. new_text2 = (' z kim ');
  32. var new_label2 = $("<label>");
  33. var new_input2 = $("<input>");
  34. new_input2.attr("type", "text");
  35. var new_link = $("<a>");
  36. new_link.attr("href", "#");
  37. new_link.html("usuń");
  38. new_link.click(function()
  39. {
  40. $(this).parent("label").remove();
  41. return false;
  42. });               
  43. new_label.append(new_text);
  44. new_label.append(new_input);
  45. new_label.append(new_text1);
  46. new_label.append(new_input1);
  47. new_label.append(new_text2);
  48. new_label.append(new_input2);
  49. new_label.append(new_link);
  50. $("form[name=formularz]").append(new_label);
  51. return false;
  52. });
  53. });
  54. </script>
  55.  
  56.  
  57. </head>
  58. <body>
  59. </head>
  60. <body>
  61. <a href="#" id="dodaj">Dodaj</a>
  62. <form name="formularz" action="">
  63.  
  64. </form>
  65.  
  66. </body>
[HTML] pobierz, plaintext


Przykład działania na http://www.fusion.boo.pl/form.htm


I jak chcesz odebrać to w php to musisz zrobić tak jak erix napisał dodać do tych impetów za pomocą attr atrybut name i utworzyć tablice (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) nie zrobiłem tego celowo byś sam coś zrobił (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował kefirek 18.07.2009, 20:41:55
Go to the top of the page
+Quote Post
patryk9200
post
Post #3





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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

Cytat(kefirek @ 18.07.2009, 21:33:04 ) *
Hmm (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) mam dobry dzień to ci zrobiłem (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) ale jak odebrać w php pogłówkuj juz sam (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) ( Poczytaj o tablicy $_POST )
[HTML] pobierz, plaintext 
  1. <head>
  2.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  3.  
  4.  
  5. <style type="text/css">
  6. label {	
  7. display: block;}label a{	
  8. color: #CC0000;
  9. text-decoration: none;	margin-left: 5px;
  10. }
  11. label a:hover{
  12. text-decoration: underline;
  13. }
  14. </style>
  15.  
  16.  
  17. <script>
  18. $(document).ready(
  19. function()
  20. {
  21. $("#dodaj").click(function()
  22. {		
  23. new_text = ('Za kogo ');
  24. var new_label = $("<label>");
  25. var new_input = $("<input>");
  26. new_input.attr("type", "text");			
  27. new_text1 = (' czas ');
  28. var new_label1 = $("<label>");
  29. var new_input1 = $("<input>");
  30. new_input1.attr("type", "text");		
  31. new_text2 = (' z kim ');
  32. var new_label2 = $("<label>");
  33. var new_input2 = $("<input>");
  34. new_input2.attr("type", "text");
  35. var new_link = $("<a>");
  36. new_link.attr("href", "#");
  37. new_link.html("usuń");
  38. new_link.click(function()
  39. {
  40. $(this).parent("label").remove();
  41. return false;
  42. });               
  43. new_label.append(new_text);
  44. new_label.append(new_input);
  45. new_label.append(new_text1);
  46. new_label.append(new_input1);
  47. new_label.append(new_text2);
  48. new_label.append(new_input2);
  49. new_label.append(new_link);
  50. $("form[name=formularz]").append(new_label);
  51. return false;
  52. });
  53. });
  54. </script>
  55.  
  56.  
  57. </head>
  58. <body>
  59. </head>
  60. <body>
  61. <a href="#" id="dodaj">Dodaj</a>
  62. <form name="formularz" action="">
  63.  
  64. </form>
  65.  
  66. </body>
[HTML] pobierz, plaintext


Przykład działania na http://www.fusion.boo.pl/form.htm

Hmmm.... Pomysł niczego sobie naprawdę wielki, ale jest jedno ale... hehe czemu jak "coś" wpiszę w pierwszym polu i prubuję myszką przejść do drugiego to mnie cofa i zaznacza pierszy?? kiedy użyję taba to jest ok ;D:D A tak to naprawdę świetna klasa (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) dodam że w Internet Explorer wszystko gra cacy a w Firefox 3.5 już nie;(

Ten post edytował patryk9200 18.07.2009, 20:43:22
Go to the top of the page
+Quote Post
kefirek
post
Post #4





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

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

Cytat
Hmmm.... Pomysł niczego sobie naprawdę wielki, ale jest jedno ale... hehe czemu jak "coś" wpiszę w pierwszym polu i prubuję myszką przejść do drugiego to mnie cofa i zaznacza pierszy?? kiedy użyję taba to jest ok ;D:D A tak to naprawdę świetna klasa (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) dodam że w Internet Explorer wszystko gra cacy a w Firefox 3.5 już nie;(


To dziwne ale ja czegoś takiego nie mam mogę normalnie w każde pole coś wpisać (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował kefirek 18.07.2009, 20:45:04
Go to the top of the page
+Quote Post
patryk9200
post
Post #5





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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

Cytat(kefirek @ 18.07.2009, 21:44:56 ) *
To dziwne ale ja czegoś takiego nie mam mogę normalnie w każde pole coś wpisać (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)


heh dziwne;/ może to przez to, że mam jakieś 50 kart otwarte hehe i czasami potem świruje FF (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)


a więc czy tak będzie dobrze?
new_input2.attr("name", "zkim");
czli wyjdzie coś takiego:
[HTML] pobierz, plaintext 
  1. <script src=\"http://code.jquery.com/jquery-latest.js\">
  2.  
  3.  
  4.  
  5. label {    
  6. display: block;}label a{    
  7. color: #CC0000;
  8. text-decoration: none;    margin-left: 5px;
  9. }
  10. label a:hover{
  11. text-decoration: underline;
  12. }
  13.  
  14.  
  15.  
  16. <script>
  17. $(document).ready(
  18. function()
  19. {
  20. $(\"#Dodaj zastepstwo\").click(function()
  21. {        
  22. new_text = ('Za kogo ');
  23. var new_label = $(\"\");
  24. var new_input = $(\"\");
  25. new_input.attr(\"type\", \"text\"); 
  26. new_input.attr(\"name\", \"zakogo\");           
  27. new_text1 = (' czas ');
  28. var new_label1 = $(\"\");
  29. var new_input1 = $(\"\");
  30. new_input1.attr(\"type\", \"text\"); 
  31. new_input1.attr(\"name\", \"czas\");       
  32. new_text2 = (' z kim ');
  33. var new_label2 = $(\"\");
  34. var new_input2 = $(\"\");
  35. new_input2.attr(\"type\", \"text\");
  36. new_input2.attr(\"name\", \"zkim\");
  37.  
  38. //%%%%%%%%%55a option tak?%%%%%%%5
  39. new_text4 = (' klasa ');
  40.  var new_label2 = $(\"\");
  41.  var new_input2 = $(\"\");
  42. //? \  \  \  \ a gdzie dać zawartość tego pola? \  \  \  \  \ ?
  43.  new_input4.attr(\"name\", \"klasa\");
  44. var new_link = $(\"\");
  45. new_link.attr(\"href\", \"#\");
  46. new_link.html(\"Usuń\");
  47. new_link.click(function()
  48. {
  49. $(this).parent(\"label\").remove();
  50. return false;
  51. });               
  52. new_label.append(new_text);
  53. new_label.append(new_input);
  54. new_label.append(new_text1);
  55. new_label.append(new_input1);
  56. new_label.append(new_text2);
  57. new_label.append(new_input2);
  58. new_label.append(new_link);
  59. $(\"form[name=formularz]\").append(new_label);
  60. return false;
  61. });
  62. });
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. Dodaj
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77. ?>
[HTML] pobierz, plaintext


Ten post edytował patryk9200 18.07.2009, 21:21:33
Go to the top of the page
+Quote Post

Posty w temacie
- patryk9200   [PHP][JavaScript][AJAX]Dynamiczne dodawanie pól   18.07.2009, 20:09:05
- - erix   Robisz z pól tablicę (nazwa[]), a w PHP odbierasz ...   18.07.2009, 20:25:52
- - kefirek   Hmm mam dobry dzień to ci zrobiłem ale...   18.07.2009, 20:33:04
|- - patryk9200   Cytat(kefirek @ 18.07.2009, 21:33:04 ...   18.07.2009, 20:41:37
|- - kefirek   CytatHmmm.... Pomysł niczego sobie naprawd...   18.07.2009, 20:44:56
|- - patryk9200   Cytat(kefirek @ 18.07.2009, 21:44:56 ...   18.07.2009, 21:20:18
- - kefirek   Przykład http://www.fusion.boo.pl/from3.htm ...   18.07.2009, 21:47:41
- - erix   Już chociaż mogłeś pętlą zrobić, a nie na sztywno ...   18.07.2009, 23:22:17
- - patryk9200   jak dodać opcje do pola select?? bo prubowałem mas...   19.07.2009, 19:23:32
- - grzegosh   Dodam tylko, że i u mnie na Firefoxie, jak kliknę ...   19.07.2009, 21:13:31
- - erix   http://pl.lmgtfy.com/?q=javascript+select   19.07.2009, 22:58:56
|- - patryk9200   Cytat(erix @ 19.07.2009, 23:58:56 ) h...   19.07.2009, 23:09:53
- - erix   Przecież na drugim miejscu jest wszystko, co trzeb...   19.07.2009, 23:16:24
- - patryk9200   nie wiem czy masz jakieś inne google :P czy co ale...   20.07.2009, 07:59:31
- - kefirek   [HTML] pobierz, plaintext var new_select = $...   20.07.2009, 10:04:46
- - Agape   A tak z pogranicza tematu. Jak można np 4 in...   21.07.2009, 11:10:59
- - erix   Kodstary_input = obj1.removeNode; rodzic.insertAft...   21.07.2009, 13:15:56
- - Agape   Sory, ale nie mogę dojść z tym w jQ...   21.07.2009, 20:34:10
- - erix   Eee, w jQuery, to jeszcze łatwiej. ;] CytatMożliw...   21.07.2009, 21:15:56
|- - Agape   Cytat(erix @ 21.07.2009, 22:15:56 ) M...   21.07.2009, 22:52:35
- - erix   Cytatże mam kolumne input'ów które niczym się ...   22.07.2009, 11:09:23

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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