0
我設置了drupal webform,並試圖創建彈出窗口來輸入提交。我把所有的東西放在我的自定義模塊中。 我的目標是:爲drupal webform創建窗口彈出窗口
- 當訪問者輸入電子郵件地址,然後點擊加入,如果電子郵件是有效的 然後保存到數據庫中的數據,並在同一個彈出式窗口 訪客會得到消息,「感謝您參加我們的節目BLA bla bla「,所以我希望這個彈出不會關閉數據提交後。其他 字,我不希望訪問者被重定向到另一個頁面,我想 訪客留在這彈出。
- 當電子郵件地址無效或輸入電子郵件表格仍然爲空然後在這個彈出窗口的訪問者將得到消息「對不起,電子郵件是必需的或躁鬱症」。
- 彈出窗口將不會關閉,直到訪客點擊關閉按鈕。
這些是我寫的代碼,提交的數據,但它仍然是返回形式,我希望它返回確認文本。
my_module.module:
/* menu callback */
function my_module_menu() {
$items['newsletter-popup'] = array(
'title' => 'Join Club',
'page callback' => 'ctools_ajax_newsletter',
'page arguments' => array(1),
'access callback' => TRUE,
'type' => MENU_CALLBACK
);
return $items;
}
function ctools_ajax_newsletter() {
$path = drupal_get_path('module', 'my_module');
drupal_add_library('system', 'ui.dialog', false);
drupal_add_library('system', 'ui.draggable', false);
drupal_add_js($path . '/my_module.js');
$output = '';
$webform_nid = 1; // nid for my webform submission
$node = node_load($webform_nid);
$submission = (object) array();
$webform = drupal_get_form('webform_client_form_' . $webform_nid, $node, $submission);
$output .= '<div id="popup">';
$output .= '<h2>Get $25 off your order</h2>';
$output .= '<span>Sign up we\'ll give you $25 off your first order.</span>';
$output .= drupal_render($webform);
$output .= '<span>Limited Time Offer, One use per household</span>';
$output .= '</div>';
return $output;
}
function my_module_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'webform_client_form_' . WEBFORM_NID) {
dpm($form_state);
$form_state['redirect'] = 'confirmation';
$nid = $form['#node']->nid;
$form['actions']['submit']['#ajax'] = array(
'callback' => 'my_module_webform_js_submit',
'wrapper' => 'webform-client-form' . $nid,
'method' => 'replace',
'effect' => 'fade'
);
}
}
function my_module_webform_js_submit($form, $form_state) {
$sid = $form_state['values']['details']['sid'];
if ($sid) {
$node = node_load($form_state['values']['details']['nid']);
$confirmation = array(
'#type' => 'markup',
'#markup' => check_markup($node->webform['confirmation'], $node->webform['confirmation_format'], 'apa aja ya disini', TRUE),
);
return $confirmation;
} else {
return $form;
}
}
my_module.js
(function($) {
$(document).ready(function() {
$('#popup').dialog({
height: 'auto',
width: 700,
autoOpen: false,
modal: true,
resizable: false
});
$('a').click(function() {
var status = false;
if (this.className !== 'lightbox-processed') {
if (!getCookie('newsletter_popup')) {
setCookie('newsletter_popup', 'true', 1);
$('#popup').dialog('open');
} else {
status = true;
}
if (this.className === 'ui-dialog-titlebar-close ui-corner-all ui-state-hover') {
$('#popup').dialog('close');
status = true;
} else {
// next_location = this.href;
}
}
if (this.id === 'bottomNavClose') {
$('#popup').dialog('close');
}
return status;
});
});
})(jQuery);
就是這樣,我真的很需要大家的幫助。謝謝 元代。