petlyra5,
<link rel="stylesheet" href="/callme/callme.css" type="text/css">
<script type="text/javascript" src="/callme/jquery.min.js"></script>
<script type="text/javascript" src="/callme/jquery.storage.js"></script>
<script type="text/javascript" src="/callme/callme.js"></script>
<div id="callme"><input id="viewform" type="button"></div>
<div id="callmeform" class="hide-off"><div id="cme_cls"></div><h6><font color="#03539C"><span class="btn1">Заказать обратный звонок</span></font></h6>
<table cellpadding="0" cellspacing="0">
<tbody><tr><td>Ваше имя</td></tr>
<tr><td><input class="txt" maxlength="150" id="cname" value="" type="text"></td></tr>
<tr><td>Телефон</td></tr>
<tr><td><input class="txt" maxlength="150" value="+7-" id="cphone" type="text"></td></tr>
<tr><td>Вопрос или комментарий</td></tr>
<tr><td><input class="txt" maxlength="1000" id="ccmnt" type="text"></td></tr>
<tr><td>
<!--<input class="btn" value="Перезвоните мне" type="button">--></td>
</tr>
</tbody></table>
<div id="callme_result"></div>
</div>
jQuery(function(){
jQuery("#viewform").click(function(){
jQuery("#callmeform").fadeToggle("fast");
});
jQuery("#cme_cls").click(function(){
jQuery("#viewform").click();
});
jQuery("#viewform").hover(
function () {
jQuery(this).addClass("callmeform_hover");
},
function () {
jQuery(this).removeClass("callmeform_hover");
}
);
});
function sendMail() {
var cnt = jQuery.Storage.get('callme-sent'); // getting last sent time from storage
if (!cnt) { cnt = 0; }
jQuery.getJSON("/callme/index.php", {
cname: jQuery("#cname").val(), cphone: jQuery("#cphone").val(), ccmnt: jQuery("#ccmnt").val(), ctime: cnt, url: location.href }, function(data) {
message = "<div class='" + data.cls + "'>" + data.message +"</div>";
jQuery("#callme_result").html(message);
if (data.result == "success") {
jQuery.Storage.set("callme-sent", data.time);
jQuery("#callmeform .btn").attr("disabled", "disabled");
setTimeout( function(){ jQuery("#viewform").click(); }, 10000);
setTimeout( function(){ jQuery("#callmeform .txt").val(""); }, 10000);
}
});
// }
}
jQuery(document).ready(function(){
jQuery("#callmeform .txt").focus(function(){
//jQuery(this).val("");
});
jQuery("#callmeform .btn1").click(function(){
jQuery("#callme_result").html("<div class='sending'>Отправка...</div>");
setTimeout( function(){ sendMail(); }, 2000);
//setTimeout( function(){ jQuery(this).attr('disabled', ''); }, 5000);
return false;
});
});
