Drupal7検索フォーム

Drupal7検索フォームを修正するサンプルです。





１、koma4モジュール作成
２、js/koma4search.js作成
３、koma4search.js内容

(function ($)
{
    Drupal.behaviors.koma4search =
    {
        attach : function ()
        {
            $('#block-search-form .form-submit').hide();
                
            $('#block-search-form .form-type-textfield .form-text')
            .attr('size', 30)
            .attr('value', Drupal.t("Enter search query..."))
            .click(function(){
                $(this).attr('value', '');
            })
            .blur(function () {
                $(this).attr('value', Drupal.t("Enter search query..."))
                .click(function(){
                    $(this).attr('value', '');
                    $(this).unbind('click');
                });
            });
        }
    }
}(jQuery));

４、koma4.module内容

function koma4_init()
{
    $path = drupal_get_path('module', 'koma4');
    drupal_add_js($path . '/js/koma4search.js');
}

Done!