Function Jquery só funciona uma vez
Senhores,
Eu tenho uma página, chamada novo_servidor.php com um formulário e um botão incluir e excluir. Quando clico no botão incluir, eu abro uma outra página, chamada, mostra_servidores, dentro de uma DIV dentro da página novo_servidor.
Eu peguei um código Jquery para abrir um DIALOG quando eu clicar em excluir.
O problema é que se eu clico no botão excluir logo quando a página é carregada, a função funciona, porém se eu clico no botão incluir e depois no excluir, a função não funciona mais.
Segue os códigos:
<script type="text/javascript">
$(function() {
$( "#excluir_servidores" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 10
},
hide: {
effect: "blind",
duration: 10
}
});
$( "#btn_excluir_servidor" ).click(function() {
$( "#excluir_servidores" ).dialog( "open" );
});
});
//Inicio function Ajax sem refresh na DIV
function inserir_registo()
{
//dados a enviar, vai buscar os valores dos campos que queremos enviar para a BD
var dadosajax = {
'id_solic' : $("#id_solic").val(),
'host_servidor' : $("#host_servidor").val(),
'ip_servidor' : $("#ip_servidor").val(),
'so_servidor' : $("#so_servidor").val(),
'qtde_processor' : $("#qtde_processor").val(),
'mem_fisica' : $("#mem_fisica").val(),
'func_servidor' : $("#func_servidor").val(),
'resp_servidor' : $("#resp_servidor").val(),
'resp_application' : $("#resp_application").val()
};
pageurl = 'insert_novo_servidor.php?';
$.ajax({
//url da pagina
url: pageurl,
//parametros a passar
data: dadosajax,
//tipo: POST ou GET
type: 'POST',
//cache
cache: false,
//se ocorrer um erro na chamada ajax, retorna este alerta
//possiveis erros: pagina nao existe, erro de codigo na pagina, falha de comunicacao/internet, etc etc etc
error: function(){
alert('Erro: Inserir Registo!!');
},
//retorna o resultado da pagina para onde enviamos os dados
success: function(result)
{
//se foi inserido com sucesso
if($.trim(result) == '1')
{
alert("O seu registo foi inserido com sucesso!");
}
//se foi um erro
else
{
alert("Ocorreu um erro ao inserir o seu registo!");
}
}
});
}
------------------------------------
<!--Inicio DIV Content-->
<div id="accordion">
<h1>Incluir Servidores</h1>
<!--Inicio DIV Conteudo Accordion-->
<div>
<div id="form_dados_iniciais">
<!--Inicio DIV Dados Iniciais-->
<div id="dados_inicias">
<h4>ID Solicitacao<br/>
<input name="id_solic" id="id_solic" type="text" value="<?php echo $last_id;?>" size="5"><br><br>
Identificação dos Servidores<br>
<input name="host_servidor" id="host_servidor" type="text" value="Hostname" size="12" onClick="javascript:if(this.value=='Hostname')this.value='';" onBlur="javascript:if(this.value=='')this.value='Hostname';">
<input name="ip_servidor" id="ip_servidor" type="text" value="IP Server" size="10" onClick="javascript:if(this.value=='IP Server')this.value='';" onBlur="javascript:if(this.value=='')this.value='IP Server';">
<label for="so_servidor"></label>
<select name="so_servidor" id="so_servidor">
<option>S.O Server</option>
<option value="Windows">Windows Server</option>
<option value="Unix">Unix Server</option>
</select>
<input name="qtde_processor" type="text" id="qtde_processor" value="Qtde Processor" size="10" onClick="javascript:if(this.value=='Qtde Processor')this.value='';" onBlur="javascript:if(this.value=='')this.value='Qtde Processor';">
<input name="mem_fisica" type="text" id="mem_fisica" value="Memória" size="6" onClick="javascript:if(this.value=='Memória')this.value='';" onBlur="javascript:if(this.value=='')this.value='Memória';">
<input name="func_servidor" type="text" id="func_servidor" value="Função" size="15" onClick="javascript:if(this.value=='Função')this.value='';" onBlur="javascript:if(this.value=='')this.value='Função';">
<input name="resp_servidor" type="text" id="resp_servidor" value="Responsável Server" size="15" onClick="javascript:if(this.value=='Responsável Server')this.value='';" onBlur="javascript:if(this.value=='')this.value='Responsável Server';">
<input name="resp_application" type="text" id="resp_application" value="Responsável Aplicação" size="18" onClick="javascript:if(this.value=='Responsável Aplicação')this.value='';" onBlur="javascript:if(this.value=='')this.value='Responsável Aplicação';">
<input type="submit" name="incluir_servidor" title="Incluir" value="Incluir" onClick="inserir_registo()">
<input type="submit" name="alterar_servidor" title="Alterar Servidor" value="Alterar">
<input type="submit" name="btn_excluir_servidor" id="btn_excluir_servidor" title="Excluir Servidor" value="Excluir">
<input type="submit" name="proximo" title="Próxima Página" value="Próximo">
</div>
<!--Fim DIV Form Dados Iniciais-->
</div>
<!--Fim DIV Conteudo Accordion-->
</div>
<!--Fim DIV Accordion-->
</div>
<!--Fim DIV Content-->
<div id="image_header"><img src="images/header_div_servidores.jpg" width="1365px"></div>
<div id="texto_header">
Servidores Cadastrados
</div>
<div id="mostra_servidores_cadastrados">
</div>
<div id="excluir_servidores">
Teste de exclusão de servidores
</div>
Alguém poderia ajudar?
Obrigado.
Discussão (1)
Carregando comentários...