আমি জাভাস্ক্রিপ্ট এবং ড্রুপাল ফর্ম নিয়ে পরীক্ষা করছি। বর্তমানে আমি প্রশাসনের আকারে একটি মডিউলের একটি বোতাম তৈরি করার চেষ্টা করছি যা একটি নির্বাচিত তালিকার বিকল্পগুলিকে যুক্ত করতে জাভাস্ক্রিপ্ট ব্যবহার করবে। আমি যে সমস্যাটি চালাচ্ছি তা হ'ল আমি যখন বোতামটি ক্লিক করি তখন আমার জাভাস্ক্রিপ্ট কল হয়ে যায় তবে পুরো ফর্মটি রিফ্রেশ হয়। আমি ফর্মগুলির এপিআই রেফারেন্সটি দেখে ভেবেছিলাম যে এটিকে বন্ধ করার জন্য আমি বোতামটিতে সেট করতে পারি এমন কোনও বৈশিষ্ট্য ছিল তবে কিছুই পাওয়া যায় নি। পৃষ্ঠাটি রিফ্রেশ করা থেকে বোতামটি থামাতে কোনও উপায় আছে বা এটিই একটি শেষ অবধি?
$form['#attached']['js'] = array(
drupal_get_path('module', 'test').'/js/test.js',
);
$form['list'] = array(
'#type' => 'select',
'#options' => array(),
'#attributes' => array(
'name' => 'sellist',
),
'#size' => 4,
);
$form['add_button'] = array(
'#type' => 'button',
'#value' => 'Add',
'#attributes' => array(
'onclick' => "add_to_list(this.form.sellist, 'Append' + this.form.sellist.length);",
),
);
//JavaScript
function add_to_list(list, text) {
try {
list.add(new Option(text, list.length), null) //add new option to end of "sample"
}
catch(e) {
list.add(new Option(text, list.length));
}
}আমার চূড়ান্ত কোড:
<?php
function jstest_menu() {
$items['admin/config/content/jstest'] = array(
'title' => 'JavaScript Test',
'description' => 'Configuration for Administration Test',
'page callback' => 'drupal_get_form',
'page arguments' => array('_jstest_form'),
'access arguments' => array('access administration pages'),
'type' => MENU_NORMAL_ITEM,
);
return $items;
}
function _jstest_form($form, &$form_state) {
$form['list'] = array(
'#type' => 'select',
'#options' => array(),
'#size' => 4,
);
$form['text'] = array(
'#type' => 'textfield',
);
$form['add_button'] = array (
'#type' => 'button',
'#value' => t("Add"),
'#after_build' => array('_jstest_after_build'),
);
return $form;
}
function _jstest_after_build($form, &$form_state) {
drupal_add_js(drupal_get_path('module', 'jstest').'/js/jstest.js');
return $form;
}
JavaScript
(function ($) {
Drupal.behaviors.snmpModule = {
attach: function (context, settings) {
$('#edit-add-button', context).click(function () {
var list = document.getElementById('edit-list');
var text = document.getElementById('edit-text');
if (text.value != '')
{
try {
list.add(new Option(text.value, list.length), null);
}
catch(e) {
list.add(new Option(text.value, list.length));
}
text.value = '';
}
return false;
});
$('#edit-list', context).click(function () {
var list = document.getElementById('edit-list');
if (list.selectedIndex != -1)
list.remove(list.selectedIndex);
return false;
});
}
};
}(jQuery));