Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jotaerre10

parametros pelo document.formulario.submit()

Por , em Javascript

Recommended Posts

jotaerre10    0

jotaerre10
Postado

Galera,

 

Estou utilizando um formulário onde não tenho um botão submit, e sim duas imagens (Editar e Excluir). Nessas imagens estou usando 

javascript:document.form.submit()
. O código esta funcionando beleza, mas como faço para deferenciar em qual imagem eu cliquei. tipo teria como eu passar parametros dentro do link assim: 
javascript:document.form.submit('PARAMETRO AQUI');
desde já agradeço,

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

hum... coloca numa função cara..

 

function enviar( action )
{
   document....
}
ai nos botões você coloca:

onclick="enviar('editar');"
e

onclick="enviar('excluir');"

sendo, que você pode mudar a action do formulário, ou enviar um campo hidden, informando ao server-side oque deve ser feito..

 

ou ainda, não usar javascript.. mas aproveitar do próprio HTML, para ter 2 botões type="submit", estilizados com css.

Compartilhar este post

Link para o post
Compartilhar em outros sites

augustoclaro    2

augustoclaro
Postado

não sei como faz no php, mas no asp você usa o request.form no nome do botão e vê se ele é igual ao seu valor, se for, foi este botão que foi clicado:

 

if request.form("botao1") = "Enviar" then
'botao enviar
else
'botao editar
end if

Compartilhar este post

Link para o post
Compartilhar em outros sites

jotaerre10    0

jotaerre10
Postado

hum... coloca numa função cara..

 

function enviar( action )
{
   document....
}
ai nos botões você coloca:

onclick="enviar('editar');"
e

onclick="enviar('excluir');"

sendo, que você pode mudar a action do formulário, ou enviar um campo hidden, informando ao server-side oque deve ser feito..

 

ou ainda, não usar javascript.. mas aproveitar do próprio HTML, para ter 2 botões type="submit", estilizados com css.

 

se eu quiser mandar um campo hidden pelo javascript como eu faço, me da uma força ai amigo, meu forte num é javascript.. rs

 

to fazendo assim:

 

<a href="#" onclick="enviar('editar');"  title="Editar Arquivos Selecionados"><img src="../../Layout/menus/Prorgrams_mini.png"></a>
<a href="#" onclick="enviar('excluir');" title="Apagar Arquivos Selecionados"><img src="../../Layout/menus/Close_mini.png"></a>


function enviar( action )
	{
		confirmar = confirm("Deseja " + action + " os registros selecionados?")
		if(confirmar)
		{
			if(action == 'editar')
			{
				alert("editando");
			}
			else if(action == 'excluir')
			{
				alert("excluindo");
			}
		}
	}

mesmo assim agradeço.

 

amigos,

 

to tentando assim! mas não funfa! alguém me ajude por favor! rs

 

function enviar( action )
	{
		confirmar = confirm("Deseja " + action + " os registros selecionados?")
		if(confirmar)
		{
			if(action == 'editar')
			{
				var formulario = getElementById('reportlist');
				var camponovo = '<input type="hidden" name="editar" id="editar" />';
				formulario.innerHTML += camponovo;
			}
			else if(action == 'excluir')
			{
				alert("excluindo");
			}
		}
	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não gosto dessa abordagem... exemplo:

<?php
	if( $_SERVER['REQUEST_METHOD']=='POST' )
	{
		echo '<pre>';
		var_dump( $_POST );
		echo '</pre><br />';
		
		if( $_POST['action']=='editar' )
			echo 'Edite!!';
		else
			echo 'Excluaaa!!';
	}
?>
<html>
<head>
<script type="text/javascript">
window.onload = function()
{
	id('editar').onclick = function( e )
	{
		enviar( e, 'editar' );
	}
	id('excluir').onclick = function( e )
	{
		enviar( e, 'excluir' );
	}
}
function enviar( event, action )
{
	disablelink( event );
	id('action').value = action;
	id('f-teste').submit();
}
function id( el ){
	return document.getElementById( el );
}
/* http://www.javascriptkit.com/jsref/event.shtml */
function disablelink( e ){
	var evt = window.event || e
	if (evt.preventDefault) //supports preventDefault?
		evt.preventDefault()
	else //IE browser
		return false
}
</script>
</head>
<body>
	<form method="post" action="" id="f-teste">
		<input type="hidden" name="action" id="action" value="" />
		<input type="text" name="texto" />
		<input type="text" name="idade" />
		<a href="#" id="editar">Editar</a>
		<a href="#" id="excluir">Excluir</a>
	</form>
</body>
</html>

porque ai, o cara entra no teu site sem suporte a javascript.. e o formulário não funciona

 

e agora uma versão sem javascript apenas com HTML

<?php
	if( $_SERVER['REQUEST_METHOD']=='POST' )
	{
		echo '<pre>';
		var_dump( $_POST );
		echo '</pre><br />';
		
		if( $_POST['action']=='editar' )
			echo 'Edite!!';
		else
			echo 'Excluaaa!!';
	}
?>
<html>
<head>
<script type="text/javascript">

</script>
</head>
<body>
	<form method="post" action="" id="f-teste">
		<input type="hidden" name="action" id="action" value="" />
		<input type="text" name="texto" />
		<input type="text" name="idade" />
		
		<input type="submit" name="action" value="editar" />
		<input type="submit" name="action" value="excluir" />
	</form>
</body>
</html>
o resultado é o mesmo. Porém a versão sem js, é mais 'acessível', menos 'obstrutiva'

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito