Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> zwykły <button> wysyła formularz :(
siutek
post
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
 
 Start new topic
Odpowiedzi
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 807
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
Go to the top of the page
+Quote Post
siutek
post
Post #3





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

Posty w temacie
- siutek   zwykły <button> wysyła formularz :(   25.09.2017, 20:40:15
- - sabat24   Zogdnie z np. tym CytatThe type of the button. Po...   25.09.2017, 20:47:59
- - trueblue   A nie prościej wykorzystać atrybut formaction przy...   25.09.2017, 20:49:15
- - siutek   Cytat(trueblue @ 25.09.2017, 21:49:15...   25.09.2017, 20:56:41

« Następny starszy · Po stronie przeglądarki · 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 - 18:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn