Użyj CTools, które mogą wstawić formularz do modalu, gdy użytkownik kliknie link.
Sprawdź następujący samouczek: Wstaw formularz do wyskakującego modalu za pomocą CTools i Drupal 7, co upraszcza ten proces w kilku krokach.
Zasadniczo musisz zdefiniować swoje hook_menu()
wywołanie zwrotne dla formy modalnej:
$items['mymodule/%ctools_js'] = array(
'page callback' => 'mymodule_callback',
'page arguments' => array(1),
'access callback' => TRUE,
'type' => MENU_CALLBACK,
);
następnie utwórz generator linków, który zwraca kod HTML:
/**
* Helper function to make a link.
*/
function _mymodule_make_link($link_text = '') {
// Set a default value if no text in supplied.
if (empty($link_text)) {
$link_text = 'Magical Modal';
}
return '<div id="magical-modal-link">' . l($link_text, 'mymodule/nojs', array('attributes' => array('class' => 'ctools-use-modal'))) . '</div>';
}
więc można go użyć w wywołaniu zwrotnym strony, np .:
/**
* An example page.
*/
function mymodule_page() {
// Load the modal library and add the modal javascript.
ctools_include('modal');
ctools_modal_add_js();
return _mymodule_make_link('Magical modal');
}
Gdy użytkownik kliknie łącze, wysyła żądanie do /mymodule/ajax
lub /mymodule/nojs
(w przypadku nojs
), więc następujące wywołanie zwrotne obsługuje tworzenie modalu:
/**
* Ajax menu callback.
*/
function mymodule_callback($ajax) {
if ($ajax) {
ctools_include('ajax');
ctools_include('modal');
$form_state = array(
'ajax' => TRUE,
'title' => t('MyModule Modal Form'),
);
// Use ctools to generate ajax instructions for the browser to create
// a form in a modal popup.
$output = ctools_modal_form_wrapper('mymodule_form', $form_state);
// If the form has been submitted, there may be additional instructions
// such as dismissing the modal popup.
if (!empty($form_state['ajax_commands'])) {
$output = $form_state['ajax_commands'];
}
// Return the ajax instructions to the browser via ajax_render().
print ajax_render($output);
drupal_exit();
}
else {
return drupal_get_form('mymodule_form');
}
}
Teraz wystarczy utworzyć formularz i jego moduł obsługi przesyłania, jak poniżej:
/**
* Drupal form to be put in a modal.
*/
function mymodule_form($form, $form_state) {
$form = array();
$form['new_link_text'] = array(
'#type' => 'textfield',
'#title' => t('Link text'),
);
$form['submit'] = array(
'#type' => 'submit',
'#value' => t('Submit'),
);
return $form;
}
/**
* Drupal form submit handler.
*/
function mymodule_form_submit(&$form, &$form_state) {
// Generate the new link using the submitted text value.
$link = _mymodule_make_link($form_state['values']['new_link_text']);
// Tell the browser to close the modal.
$form_state['ajax_commands'][] = ctools_modal_command_dismiss();
// Tell the browser to replace the old link with the new one.
$form_state['ajax_commands'][] = ajax_command_replace('#magical-modal-link', $link);
}
Aby to przetestować, przejdź do: /mymodule/page
gdzie powinieneś zobaczyć link „Magical Modal”, który powinien pokazać formę modalną po kliknięciu.
Uważam, że Simple Dialog to świetny sposób na dostarczanie formularzy w Modals. Ma tę zaletę, że korzysta z interfejsu użytkownika jQuery, który jest rdzeniem.
Wystarczy, że podasz link do formularza z dodatkowymi informacjami. Zapewnia prostą metodę opartą na klasach i znacznikach rel lub metodę motywu dla bardziej precyzyjnej kontroli. Zrobiłem to na dwa sposoby:
źródło
Potrzebny moduł to https://drupal.org/project/popup_forms , ale musisz go zaprogramować, aby go zastosować (tzn. Nie można go skonfigurować tylko za pomocą interfejsu administratora).
źródło