jquery

[dr.x 1]

Olá pessoal !

 

Conseguí resolver um lado, porém estou com uma dúvida básica:

 

No meu formulário cadastro de clientes, eu possua 4 imagens: editar - salvar - deletar - atualizar.

Quado quero gravar na base o novo cliente, eu clico na imagem de salvar e submeto o form, o qual tem o id de "f1", ou seja id="f1".

 

No código jquery está assim:

<script type="text/javascript">
$(document).ready(function(){ 
  $('#img_salvar').click(function(){ 
$("#f1").submit()
   }); 
}); 
</script>

E... no html está assim:

<img src="imagens/salvar.png" name="img_salvar" width="30" height="26" hspace="10" align="middle" id="img_salvar"  title="salvar"/></a>

A dúvida é essa:

Como que eu faria para atualizar os dados usando esse mesmo princípio ou uma condição que verificaria qual imagem foi clicada ? Lembrando que não estou usando "button" e sim "image".

Desde já agradeço a ajuda.

[Marlon Pacheco 132]

Seria um refresh na tabela??

[Rafael Sirotheau 43]

O ideal é utilizar classes, e não IDs, pra fazer um verificação mais simples. Algo assim:

HTML

<div class="actions">
	<img src="editar.jpg" class="btn-image editar" />
	<img src="salvar.jpg" class="btn-image salvar" />
	<img src="deletar.jpg" class="btn-image deletar" />
	<img src="atualizar.jpg" class="btn-image atualizar" />
</div>

JS

$('.actions').on('click','.btn-image', function(){ 
	var $ACTION = $(this);

	if($ACTION.hasClass('editar')) {
		// se for editar
	} else if($ACTION.hasClass('salvar')) {
		// se for salvar
	} else if($ACTION.hasClass('deletar')) {
		// se for deletar
	} else if($ACTION.hasClass('atualizar')) {
		// se for atualizar
	}
});

[dr.x 1]

Olá Rafael!

 

Eu acrescentei a classe na minha div e implementei no html a class e não funcionou. Dá uma olhada por gentileza.

<id="div_clientes"  div class="actions">   

e no html: testando "atualizar"

<img src="imagens/atualizar.png" class="btn-image atualizar" name="img_atualizar" width="26" height="26" hspace="10" align="middle" id="img_atualizar" title="Atualizar"/>