Caso específico: string de consulta programada usando o formulário dentro da caixa de diálogo
Eu incluo um trecho do meu projeto. Quando executo esse código, clico em adicionar na caixa de diálogo da janela e, dentro do envio, o Firebug responde com um erro.
Eu gostaria de saber por que isso não acontecealert ("Se funziona questo mi hai aiutato");
Há um exemplo no final do site e funciona bem no meu pc.
Agora eu publico meu código ou exercício onde eu uso o formulário dentro do diálogo da janela (Jquery).
Eu quero programado e tenho a solução, mas o script dentro do javascript da função não funciona.
Por quê?
Agora falo do meu projeto.
Usando a janela da caixa de diálogo (jquery meu código) para adicionar qualquer coisa.
O projeto não funciona. Porque (usando Firebug Console) me dá esse errotoo much recursion na bibliotecajquery.min.js line 2 depois de pressionar o botão, adicione o diálogo.
Como posso melhorar o código para executar o alerta?
Meu projeto:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style></style>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
// <---- VENTAÑAS DE PARAMETERES---->
$(document).ready(function() {
var regex,v,l,c,b,i,contapara=3;
$( "#wnd_Addparam" ).dialog({
autoOpen: false,
height: 'auto',
width: 350,
modal: true,
resizable:false,
buttons: {
"Add": function() {
contapara=(parseInt(contapara)+1);
alert("popopo");
$("#formparam").submit(function() {
alert("Se funziona questo mi hai aiutato");
});
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
},
close: function() {
$( this ).dialog( "close" );
}
});
$( "#btn_Addpar" ).click(function() {
i=(parseInt(contapara)+1);
$("#formparam").remove();
$("#wnd_Addparam").append('<form method="GET" name="formparam" id="formparam" action="${nextstep}"><table><tr><td><label>ID</label></td><td>\
<textarea class="expand" name="inputp'+i+'_id" id="inputp'+i+'_id"></textarea></td></tr>\
<tr><td><label>Type</label></td><td><select name="inputp'+i+'_type" id="inputp'+i+'_type">\
<option value="text">Text</option><option value="integer">Integer</option><option value="float">Float</option>\
<option value="list_values">List of values</option><option value="range">Range</option>\
<option value="selection_collapsed">Selection (collapsed)</option>\
<option value="selection_expanded">Selection (expanded)</option>\
<option value="subimage">Subimage selection</option>\
<option value="polygon">Polygon selection</option>\
<option value="horizontal_separator">Horizontal separator</option>\
</select></td></tr></table></form>');
$( "#wnd_Addparam" ).dialog( "open" );
});
});
</script>
<body>
<div>
<input type="button" id="btn_Addpar" value="Add"/>
<input type="button" id="btn_Deletepara" value="Delete"/>
<input type="button" id="btn_Pedit" value="Edit"/>
</div>
<div id="wnd_Addparam" title="New parameter" ></div>
</body>
</html>
Eu olhei também esta questãoComo alterar a querystring quando envio meu formulário GET usando o JQuery? e ele usou (sempre dentro da submissão da função) este script:
function(event) {
event.preventDefault();
$this = $(this);
alert("Se funziona questo mi hai aiutato");
}
Mas também não funciona.