Ciao a tutti, ho una pagina che, non capisco per quale motivo non mi visualizza il msg ajax (con loader) di salvataggio in corso...
Cosa sbaglio??
eppure gli stessi js in un'altra pagina funzionano....
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Gestione</title>
<link href="/backoffice/public/css/flexigrid.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/backoffice/public/css/style.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/backoffice/public/css/jquery-ui/smoothness/jquery-ui-1.8.1.custom.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/backoffice/public/js/lib/jquery/jquery.func.js"></script>
<script type="text/javascript" src="/backoffice/public/js/lib/jquery/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="/backoffice/public/js/lib/sinaxi/validateForm.js"></script>
<script type="text/javascript" src="/backoffice/public/js/lib/sinaxi/modal.js"></script>
<script type="text/javascript" src="/backoffice/public/js/lib/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/backoffice/public/js/lib/jquery/jquery-ui-1.8.1.custom.min.js"></script>
</head>
<body>
<div id="page" class="shell">
<div id="main">
<link href="/backoffice/public/css/jquery-ui/smoothness/jquery-ui-1.8.1.custom.css" media="screen" rel="stylesheet" type="text/css" />
$(function()
{
$("button, input:submit", ".divRegister").button();
$('#user').submit( function(e) {
var validMess = requestValidation ();
$('input,select').each (function()
{
doValidationMess($(this), validMess);
});
if (validMess!= '')
{
alert ('Modulo NON compilato correttamente');
e.preventDefault();
return false;
}
var mainForm = $('form');
var data = mainForm.serialize();
callMsg('Salvataggio in corso...','save',data);
//make ajax request
$.post ("save", data, function(resp)
{
$('#circleLoader label').text('Operazione eseguita...');
//setTimeout('$("#mask").hide(); $("#circleLoader").hide();',1500);
window.location = "index";
})
return false;
});
});
</script>
<div class="divRegister content">
<form id="location" enctype="application/x-www-form-urlencoded" method="post" action="">
<div class="campo"><dt id="id-label"></dt>
<dd id="id-element">
<input type="hidden" name="id" value="3" id="id" /></dd></div>
<div class="campo"><dt id="title-label"><label for="title" class="required">locale</label></dt>
<dd id="title-element">
<input type="text" name="title" id="title" value="Smalto" style="width:250px" /></dd></div>
<div class="campo"><dt id="description-label"><label for="description" class="optional">descrizione</label></dt>
<dd id="description-element">
<input type="text" name="description" id="description" value="" style="width:250px" /></dd></div>
<div class="campo"><dt id="type-label"><label for="type" class="required">tipologia</label></dt>
<dd id="type-element">
<select name="type" id="type" style="width:150px">
<option value="Altro" label="Altro">Altro</option>
<option value="Bar-Cafe" label="Bar-Cafe">Bar-Cafe</option>
<option value="Disco" label="Disco" selected="selected">Disco</option>
<option value="Museo" label="Museo">Museo</option>
<option value="Nightclub" label="Nightclub">Nightclub</option>
<option value="Pub" label="Pub">Pub</option>
</select></dd>
</div>
<div class="campo"><dt id="address-label"><label for="address" class="optional">indirizzo</label></dt>
<dd id="address-element">
<input type="text" name="address" id="address" value="Via Fermi,20" style="width:350px" /></dd></div>
<div class="campo"><dt id="zip-label"><label for="zip" class="optional">cap</label></dt>
<dd id="zip-element">
<input type="text" name="zip" id="zip" value="" style="width:150px" /></dd></div>
<div class="campo"><dt id="state-label"><label for="state" class="optional">stato</label></dt>
<dd id="state-element">
<select name="state" id="state" style="width:150px">
<option value="" label="Selezionare uno stato">Selezionare uno stato</option>
<option value="1" label="AFGHANISTAN">AFGHANISTAN</option>
<option value="2" label="ALAND ISLANDS">ALAND ISLANDS</option>
</select></dd></div>
<div class="campo"><dt id="city-label"><label for="city" class="optional">provincia</label></dt>
<dd id="city-element">
<select name="city" id="city" style="width:150px">
<option value="84" label="Agrigento">Agrigento</option>
<option value="6" label="Alessandria">Alessandria</option>
<option value="42" label="Ancona">Ancona</option>
</select></dd></div>
<div class="campo"><dt id="town-label"><label for="town" class="optional">paese</label></dt>
<dd id="town-element">
<select name="town" id="town" style="width:150px">
<option value="3587" label="Abano Terme">Abano Terme</option>
</select></dd>
</div>
<div class="campo"><dt id="phone-label"><label for="phone" class="optional">tel</label></dt>
<dd id="phone-element">
<input type="text" name="phone" id="phone" value="" style="width:150px" /></dd></div>
<div class="clear"></div>
<div><dt id="Salva-label"></dt><dd id="Salva-element">
<input type="submit" name="Salva" id="Salva" value="Salva" style="margin-left:90px;" /></dd></div>
<div class="clear"></div>
</form>
<div style="padding-left:40px;">
<span class="errors" > </span>
</div>
</div>
</div>
</div>
<div>
</div>
<div id="mask"></div>
<div id="circleLoader" style="position:absolute">
<div style="display:table-cell; vertical-align:middle;">[img]/backoffice/public/css/images/ajax-loader.gif[/img]</div>
<div style="display:table-cell; vertical-align:middle;padding-left:5px;">
<label>Saving, please wait ...</label>
</div>
</div>
</body>
</html>