Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> zwykły <button> wysyła formularz :(
siutek
post 25.09.2017, 20:40:15
Post #1





Grupa: Zarejestrowani
Postów: 173
Pomógł: 1
Dołączył: 26.10.2005
Skąd: Toruń

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

Witam,
nie mogę sobie poradzić z jednym problemem.

Mam na stronie formularz, który jest wysyłany przez <button type="submit">
Jednak pomiędzy znacznikami <form></form> mam jeszcze jeden przycisk <button> tym razem bez żadnego typu tylko z onClickiem. Niestety wciśnięcie go (nawet gdy usunę onClick) powoduje wysłanie formularza :/
Chciałbym by funkcja wywoływana w onClicku zmieniała action="" forma i wysyłała wszystkie dane właśnie tam.

Poniżej kod stronki:

[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE html>
  3. <html lang="pl-PL">
  4. <head>
  5.     <title>system administracyjny</title>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7.     <link rel="stylesheet" type="text/css" href="css/style.css" media="screen,projection" />
  8.     <script src="https://use.fontawesome.com/5ea45b0200.js"></script>
  9.     <script type="text/javascript" src="./jscripts/scripts.js"></script>
  10.     <script language="javascript" type="text/javascript" src="./jscripts/tiny_mce.js"></script>
  11.  
  12. <script language='javascript' type='text/javascript'>
  13. 	tinyMCE.init({
  14. 		mode : 'textareas',
  15. 		theme : 'advanced',
  16. 		content_css : './css/tinyContent.css',
  17. 		theme_advanced_toolbar_location : 'top',
  18. 		theme_advanced_buttons1 : 'bold,italic,underline',
  19.         theme_advanced_buttons2 : '',
  20.         theme_advanced_buttons3 : '',
  21.     });
  22.  
  23. 	function fileBrowserCallBack(field_name, url, type, win) {
  24. 		var connector = '../../filemanager/browser.html?Connector=connectors/php/connector.php';
  25. 		var enableAutoTypeSelection = true;
  26.  
  27. 		var cType;
  28. 		tinyfck_field = field_name;
  29. 		tinyfck = win;
  30.  
  31. 		switch (type) {
  32. 			case 'image':
  33. 				cType = 'Image';
  34. 				break;
  35. 			case 'flash':
  36. 				cType = 'Flash';
  37. 				break;
  38. 			case 'file':
  39. 				cType = 'File';
  40. 				break;
  41. 		}
  42.  
  43. 		if (enableAutoTypeSelection && cType) {
  44. 			connector += '&Type=' + cType;
  45. 		}
  46.  
  47. 		window.open(connector, 'tinyfck', 'modal,width=600,height=400');
  48. 	}
  49. </script>
  50.  
  51. </head>
  52. <body>
  53.     <div class="adminBody">
  54.         <div class="topBar">
  55.             <a href="./index.php" class="logo"></a>
  56.             <ul class='menuHTML'><li><a href='./?page=posts'>Wpisy
  57. </a></li><li><a href='./?page=media'>Media
  58. </a></li><li><a href='./?page=menu'>menu</a></li><li><a href='./?page=users'>użytkownicy</a></li><li><a href='./?page=logout'>&nbsp;</a></li></ul>        </div>
  59.             <div class='postsDiv'><script> 
  60.                     function addImageToPost(requiredModule,moduleName,sourceID,limitMedia,mediaType) {
  61.                         alert('dupa');
  62.                         document.forms['newPostForm'].action ='./?page=' + requiredModule + '&source=' + moduleName + '&sourceID=' + sourceID + '&postID=&limitMedia=' + limitMedia + '&mediaType=' + mediaType';
  63. 			document.forms['newPostForm'].submit();
  64.                     }
  65.                     </script><form action='./?page=posts' method='post' name='newPostForm'>
  66.                 <input type='hidden' name='act' value='save'>
  67.                 <div class='postFormContainer'>
  68.                     <input type='text' name='postTitle' placeholder='Tytuł wpisu' required='' value=''>
  69.                     <div class='postStatus'>Opublikowany: <input type='checkbox'></div>
  70.                     <div style='clear:both'></div>
  71.                     <div class='publicDate'></div>
  72.                     <textarea placeholder='Treść wpisu...' name='postContent' style='width:100%;'></textarea><div class='addImage'><button class='bttn newElement center' onClick='addImageToPost("media","posts",,1,"image");' title='przypisz zdjęcie'>Dodaj zdjęcie reprezentujące<i class='fa fa-plus-circle fa-lg' aria-hidden='true'></i></button></div><button type='submit' class='submit' name='act' value='save'>Zapisz<i class='fa fa-check fa-lg' aria-hidden='true'></i></button>
  73.                 </div></form></div>        </div>
  74.     </body>
  75. </html>
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
sabat24
post 25.09.2017, 20:47:59
Post #2





Grupa: Zarejestrowani
Postów: 175
Pomógł: 26
Dołączył: 13.09.2007
Skąd: Gdańsk

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

Zogdnie z np. tym

Cytat
The type of the button. Possible values are:
- submit: The button submits the form data to the server. This is the default if the attribute is not specified, or if the attribute is dynamically changed to an empty or invalid value.


Użyj np. type="button", żeby zmienić to zachowanie.
Go to the top of the page
+Quote Post
trueblue
post 25.09.2017, 20:49:15
Post #3





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

A nie prościej wykorzystać atrybut formaction przycisku (input lub button) zamiast kombinować ze zmianą action?
https://www.w3schools.com/TAGs/att_input_formaction.asp


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
siutek
post 25.09.2017, 20:56:41
Post #4





Grupa: Zarejestrowani
Postów: 173
Pomógł: 1
Dołączył: 26.10.2005
Skąd: Toruń

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

Cytat(trueblue @ 25.09.2017, 21:49:15 ) *
A nie prościej wykorzystać atrybut formaction przycisku (input lub button) zamiast kombinować ze zmianą action?
https://www.w3schools.com/TAGs/att_input_formaction.asp


hmmm... o tym atrybucie nie wiedziałem, już sprawdzam.

==========
edit:
genialne rozwiązanie!!! Dzięki! trueblue!

Ten post edytował siutek 25.09.2017, 21:23:52
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 07:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn