0

Drupal Webフォームをセットアップし、ポップアップウィンドウを作成して送信を入力しようとしています。カスタムモジュールにすべてのものを入れました。私の目標は次のとおりです。

  • 訪問者が電子メール アドレスを入力して [参加] をクリックすると、電子メールが有効な場合はデータがデータベースに保存され、同じポップアップ ウィンドウで訪問者に「プログラム bla bla bla に参加してくれてありがとう」というメッセージが表示されるので、このポップアップが後で閉じないようにしたい提出されたデータ。つまり、訪問者を別のページにリダイレクトさせたくないので、訪問者をこのポップアップにとどまらせたいのです。
  • 電子メール アドレスが有効でないか、入力電子メール フォームがまだ空の場合、このポップアップ ウィンドウで、訪問者は「申し訳ありませんが電子メールが必要です。または 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);

それだけです、私は本当にみんなの助けが必要です。ありがとうユアニタ。

4

1 に答える 1

0

コードを書くよりも、既にビルドされたモジュールを使用して作業を行う方が良いでしょう。あなたはこれを調べたいと思うかもしれません、

Drupal:ポップアップ ボックスに Web フォームを表示する

于 2015-03-02T14:36:38.810 に答える