11 мая 2014 в 18:43
Прочитал статью по адресу http://drupalfly.ru/station/webform_in_popup_fancybox
Задал челу вопрос, но он не отвечает, процитирую, может здесь кто-нибудь овтетит?
Скажите пожалуйста а как вы сделали форму на этом сайте, ссылка слева "Написать администратору", которая содержит ссылку:
странно, я не увидел в ней классов и других опций, как описано в данной статье
как я понял она открывается в fancybox, но как?
и как вы сделали автоматическое закрытие формы после отправки сообщения?
Спасибо!
Комментарии
Можно же навесить событие через яваскрипт. Вот он:
$('.menu-1861 a').attr('href', '#');
$('.menu-2662 a').attr('href', '#');
//contact
$('.menu-1861').click(function(){
$.fancybox.showLoading();
$.get(Drupal.settings.basePath + 'contact', function(data) {
var form = $('#webform-client-form-13', data);
$.fancybox({content:form});
$("#webform-client-form-13 input[type=email]").placeholder();
$("#webform-client-form-13 input[type=text]").placeholder();
});
return false;
});
//theme for lesson
$('.menu-2662').click(function(){
$.fancybox.showLoading();
$.get(Drupal.settings.basePath + 'content/predlozhit-temu-dlya-uroka', function(data) {
var form = $('#webform-client-form-7', data);
$.fancybox({'content':form});
$("#webform-client-form-7 input[type=email]").placeholder();
$("#webform-client-form-7 input[type=text]").placeholder();
});
return false;
});
//Buy Theme for Drupal
$('.tempBuy .butBuy').click(function(){
$.fancybox.showLoading();
var title = $(".nodeTop h3").text();
$.get(Drupal.settings.basePath + 'node/456?title-theme=' + title, function(data) {
var form = $('#webform-client-form-456', data);
$.fancybox({
'content':form,
});
$("#webform-client-form-456 input[type=email]").placeholder();
$("#webform-client-form-456 input[type=text]").placeholder();
function validate(){
var tek_name = $("#webform-client-form-456 input[name='submitted[your_name]']").val();
var tek_mail = $("#webform-client-form-456 input[name='submitted[your_email]']").val();
var tek_file = $("#webform-client-form-456 input[name='files[submitted_skrinshot_oplaty]']").val();
if(tek_name == "" || tek_mail == "" || tek_file == ""){
$("#webform-client-form-456 input[type=submit]").attr('disabled', 'disabled').css({'opacity':'0.5'});
}else{
$("#webform-client-form-456 input[type=submit]").removeAttr('disabled').css({'opacity':'1'});
}
}
validate();
$("#webform-client-form-456 input[name='submitted[your_name]']").keyup(function(){
validate();
});
$("#webform-client-form-456 input[name='submitted[your_email]']").keyup(function(){
validate();
});
$("#webform-client-form-456 input[name='files[submitted_skrinshot_oplaty]']").change('click',
function(){
validate();
}
);
});
return false;
});