Current File : //root/panel/modules/servertime/module.zpm
<div class="zmodule_content panel" id="zmodule_header_<@ ModuleName @>">
    <div class="panel-heading">
        <img src="<@ ModuleIcon @>" width="35" height="35" border="0" alt="<@ ModuleName @>">

        <div class="zmodule_title">
            <@ ModuleName @>
        </div>

        <div class="zmodule_desc" id="zmodule_desc_<@ ModuleName @>"><@ ModuleDesc @></div>

    </div>

<style>
.helpicon {
display: block;
float: right;
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 5px 10px;
font-size: 12px;
margin-top:-121px;
margin-right:5px;
-webkit-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-webkit-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
}

</style>
<div class="helpicon">
<a href="<@ helpicon @>" target="_blank"><img src="etc/styles/CstyleX-master/images/help.png" style="float:left;" ><span style="float:left;margin-top:8px;font-weight:bold;font-size:12px;" >Video Tutorial</span></a>
</div>
  
    <div id="contentwrapper_phpinfo">
	  <@ Result @>
        <br>
			<: Configure Timezone: :>&nbsp;<@ showVersion @> <br/> <button class="btn btn-primary" type="submit" id="submitbutton">Change TimeZone</button>
		<br>
  <@ CSFR_Tag @>

        <br>
</div>

</div>
<style>
.css_phpversion
{
	width:50%;
    padding: 4px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-primary
{
margin-top:10px;
}
</style>
<script type="text/javascript">
    $(document).ready(function(){
        $("#submitbutton").click(function(){

			$("#zloader_overlay").show();
			$("#zloader").show();
			var time_zone=$('#time_zone :selected').text();
			var csfr_token=$("input[name=csfr_token]").val();
	$.ajax({
                type: 'POST',
                url: './?module=servertime&action=UpdateTime',
                data:{time_zone:time_zone,csfr_token:csfr_token},
		success: function(data1) {
		
				data1 =data1.toString();
				 CloseParent();
				 data1=data1.replace("\n", "");
				if(data1 == "Success" )
				{
                $("#contentwrapper_phpinfo").prepend('<div class="alert alert-block alert-info"><button type="button" Id="close_button" onClick="CloseParent();" class="close" data-dismiss="alert">×</button><p><strong>Success:</strong> Servertime updated successfully.</p></div>');   
				$("#zloader").hide();
				$("#zloader_overlay").hide();
				}
				else
				{
				$("#zloader_overlay").hide();
				$("#zloader").hide();
				$("#contentwrapper_phpinfo").prepend('<div class="alert alert-block alert-info"><button type="button" Id="close_button" onClick="CloseParent();" class="close" data-dismiss="alert">×</button><p><strong>Failure:</strong> Server busy. Try again after sometimes.</p></div>');   
				// window.location.href="./?module=servertime&fail=yes";
				}
				 },
 error: function(ts) { 
console.log(ts.responseText);
$("#zloader_overlay").hide();
$("#zloader").hide();

 }
            });
 $("#zloader_overlay").hide();
$("#zloader").hide();   
return false;
});
});
  $(document).bind("ajaxStart.mine", function() {
$("#zloader_overlay").show();
$("#zloader").show();
});

$(document).bind("ajaxStop.mine", function() {
$("#zloader_overlay").hide();
$("#zloader").hide();
});  
function CloseParent()
{
$("#close_button").parent().hide();
}
</script>