Annullare submit form

**DKiller92** · 19-05-2012, 09:05

Salve a tutti, premetto che me la cavicchio bene con PHP ma quando si tratta di mettere le mani su HTML o Javascript sono una frana

Io ho una form normalissima composta da textarea, un bottone per un'anteprima e il bottone per il submit...il mio problema è che anche cliccando sul bottone per l'anteprima la form fa il submit

come posso fare per evitare questo inconveniente?

Grazie mille a tutti

**br1** · 19-05-2012, 10:41

... e i bottoni dove sono? non li vedo...

**DKiller92** · 19-05-2012, 11:04

Originariamente inviato da br1
... e i bottoni dove sono? non li vedo...

I'm sorry, eccovi tutto

codice:

<form action="esegui_messagebox.php" method="POST" name="modulo">
ABILITA: <input type="checkbox" name="abilita" id="abilita" onclick="check_abilita();" <?php echo $checked; ?> />



<textarea name="contenuto" id="contenuto" rows="15"><?php echo $messaggio['Testo']; ?></textarea>

<button onclick="apri_anteprima();">VISUALIZZA ANTEPRIMA</button>




<input type="submit" value="SALVA" />
</form>

codice:

function apri_anteprima() {
		window.open('../anteprima.html', 'ANTEPRIMA', '');
	}

**br1** · 19-05-2012, 11:17

Mi spiace, nel codice non c'e' nulla di strano (a parte l'uso di un button invece di un input type=button) e non riesco a riprodurre l'errore con una paginetta di prova: non mi fa il submit del form.

Ci sara' qualcos'altro nella pagina che influsce... posta un link

**DKiller92** · 19-05-2012, 11:27

Anche a me sembra parecchio strano infatti...
non posso postarti un link perchè sto facendo le prove in locale, comunque ti metto il codice HTML dell'intera pagina...

codice:

<html>
<head>
<title>IMPOSTA MESSAGGIO IN HOMEPAGE</title>


<script type="text/javascript" src="jscript/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">

	tinyMCE.init({

		// General options

		mode : "exact",
		
		elements : "contenuto",

		theme : "advanced",
		
		language : "it",

		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",



		// Theme options

		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",

		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",

		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks",

		theme_advanced_toolbar_location : "top",

		theme_advanced_toolbar_align : "left",

		theme_advanced_statusbar_location : "bottom",

		theme_advanced_resizing : true,



		// Example content CSS (should be your site CSS)

		//content_css : "css/content.css",



		// Drop lists for link/image/media/template dialogs

		template_external_list_url : "lists/template_list.js",

		external_link_list_url : "lists/link_list.js",

		external_image_list_url : "lists/image_list.js",

		media_external_list_url : "lists/media_list.js",



		// Style formats

		style_formats : [

			{title : 'Bold text', inline : 'b'},

			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},

			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},

			{title : 'Example 1', inline : 'span', classes : 'example1'},

			{title : 'Example 2', inline : 'span', classes : 'example2'},

			{title : 'Table styles'},

			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}

		],



		// Replace values for the template plugin

		template_replace_values : {

			username : "Some User",

			staffid : "991234"

		}

	});
	
	
	
	function check_abilita() {
		ctrlobj = document.getElementById("contenuto");
		if(document.getElementById("abilita").checked==true)
		ctrlobj.style.visibility = "visible";
		else {
		ctrlobj.style.visibility = "hidden";
		}
	}
	
	function apri_anteprima() {
		window.open('../anteprima.html', 'ANTEPRIMA', '');
	}

</script>



</head>
<body>
<center>[img]../head.png[/img]
<h1>Imposta messaggio in homepage</h1>

<form action="esegui_messagebox.php" method="POST" name="modulo">
ABILITA: <input type="checkbox" name="abilita" id="abilita" onclick="check_abilita();" <?php echo $checked; ?> />



<textarea name="contenuto" id="contenuto" rows="15"><?php echo $messaggio['Testo']; ?></textarea>

<button onclick="apri_anteprima();">VISUALIZZA ANTEPRIMA</button>




<input type="submit" value="SALVA" />
</form>

</center>
</body>
</html>

PS: c'è il codice per TinyMCE ma dubito fortemente sia quello che influisce

**DKiller92** · 19-05-2012, 11:31

Niente, ho risolto usando lo stesso trucchetto che si usa con il bottone di submit...

codice:

<button onclick='return apri_anteprima()'>APRI ANTEPRIMA</button>

Grazie mille comunque

PS: comunque ancora non riesco a capire perchè lo facesse

Discussione: Annullare submit form

Strumenti discussione

Ricerca discussione

Visualizza

Annullare submit form

Permessi di invio