Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zwykły <button> wysyła formularz :(
Forum PHP.pl > Forum > Po stronie przeglądarki
siutek
25.09.2017, 20:40:15
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

sabat24
25.09.2017, 20:47:59
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.
trueblue
25.09.2017, 20: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
siutek
25.09.2017, 20:56:41
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!
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.