$(document).ready(function() {
$('#submit').click(function () {
var name = $('input[name=name]');
var comment = $('input[name=comment]');
if (name.val()=='') {
name.addClass('hightlight');
return false;
} else name.removeClass('hightlight');
if (comment.val()=='') {
comment.addClass('hightlight');
return false;
} else comment.removeClass('hightlight');
var data = 'name=' + name.val() + '&comment=' + comment.val();
$('.text').attr('disabled','true');
$('.loading').show();
$.ajax({
url: "query.php",
type: "GET",
data: data,
cache: false,
success: function (html) {
//if process.php returned 1/true (send mail success)
if (html==1) {
$('.form').fadeOut('slow');
$('.done').fadeIn('slow');
} else alert('Ошибка');
}
});
return false;
});
});
<a href="#" title="<div class='done'>Спасибо за заказ!</div><div class='form'><form method='post' action=''><table cellpadding='2' class='alogins' cellspacing='2' border='0'><tr><td>Имя:</td><td><input type='text' name='name' class='add_i' /></td></tr><tr><td>Телефон:</td><td><input type='text' name='comment' class='add_i' /></td></tr><tr><td colspan='2' align='right'><input type='submit' id='submit' class='search_s' value='Оформить' /></td></tr></table></form></div>" class="trigger">Купить без оформления</a>
$(".trigger").tooltip({ position: "bottom center", opacity: 1});
если так, то работает:
<div class='done'>Спасибо за заказ!</div><div class='form'><form method='post' action=''><table cellpadding='2' class='alogins' cellspacing='2' border='0'><tr><td>Имя:</td><td><input type='text' name='name' class='add_i' /></td></tr><tr><td>Телефон:</td><td><input type='text' name='comment' class='add_i' /></td></tr><tr><td colspan='2' align='right'><input type='submit' id='submit' class='search_s' value='Оформить' /></td></tr></table></form></div>
есть ли вариант решения или хака какого нибудь?