Ir para conteúdo

POWERED BY:

Arquivado

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

Davi Queiroz

Submit assim que janela modal for carregada

Recommended Posts

Bom dia pessoal,

 

Tenho uma janela modal que assim que ela é carregada mostra um form simples (com 3 campos), e estes campos já contém valores preenchidos, tais valores são usados em uma busca no banco de dados quando clico no botão submit do form.

 

Até aí tudo funciona normalmente, a busca e tudo mais.

 

Agora, preciso executar esse submit assim que a janela modal for carregada sem que eu tenha que clicar no botão para enviar o form.

 

Minha janela modal carrega uma segunda página dentro dela, esta página é responsável por fazer a consulta e retornar os resultados.

 

Obrigado desde já.

 

 

Código jQuery:

jQuery("#formDetalha").click(function(){
var campoId = $("#campoId").val();

jQuery.ajax({  

  url: "top_10_detalha.php", 
  dataType: 'html',
  data: {campoId:campoId},
  type: "POST", 
  
beforeSend: function ()   { 
$('#carregando').show();
},
success: function(data){
$('#carregando').hide();
$("#resBusca").html('<b>Resultado da busca</b><br /><br/>'+ data );
},
error: function(data){
$('#carregando').html(data);
}
});
});

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Verifique se a modal esta visível, caso esteja dê um submit no form.

 

 

$(function(){
if($("#modal").is("visible") == true)){
$("#form").submit();
}
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Verifique se a modal esta visível, caso esteja dê um submit no form.

 

 

$(function(){
if($("#modal").is("visible") == true)){
$("#form").submit();
}
});

 

Coloquei o código que me passou logo abaixo do meu, não funcionou.

 

Meu código todo ficou assim:

jQuery("#buscaDetalhe").click(function(){
var campoId = $("#campoId").val();
	jQuery.ajax({ 	
	   url: "top_10_detalha.php", 
	   dataType: 'html',
	   data: {campoId:campoId},
	   type: "POST",	   
		beforeSend: function ()   { 
			$('#carregando').show();
		},
		success: function(data){
			$('#carregando').hide();
			$("#resBusca").html('<b>Resultado da busca</b><br /><br/>'+ data );
	
		},
		error: function(data){
			$('#carregando').html(data);
		}
	});
});

jQuery(function(){
	if(jQuery("#dialog").is("visible") == true)){
		alert('ok');
		jQuery("#formDetalha").submit();
	}
});

Coloquei um alert pra verificar e nada. No debug do Chrome não apresenta erro.

Entendi sua lógica mas talvez não to sabendo onde colocar o código.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta colocar aqui dentro, porém você troca a div que eu criei escrito #modal pela sua ai !

 

beforeSend: function ()   {
$('#carregando').show();
if($("#modal").is("visible") == true)){
$("#form").submit();
}
},

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bru_ce,

 

Resolvi o problema. Coloquei assim:

if(jQuery("#dialog").is(":visible") == true){

Precisava dos dois pontos antes de visible.

Peguei o código que me passou e coloquei no evento clique que abre o modal e tudo funcionou, ele da o submit assim que eu abro a janela.

 

Muito obrigado pela ajuda.

 

Abração!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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