昊天SEO

使用hook_form_alter()函数定制修改Drupal的搜索框表单(下) – 图片提交按钮

 

search_box_image_type

继续昨天的教程,在很多时候,我们有一个很常见的对搜索框的定制需求:用图片搜索按钮代替文本搜索按钮。Drupal默认使用了文本搜索按钮,那么怎样实现图片搜索按钮呢?其实很简单,还是要使用Drupal的hook_form_alter()钩子函数,请看代码(这段代码的上下文环境就不废话了,不清楚的朋友可以查看昨天的文章):

function mytheme_form_alter(&$form, &$form_state, $form_id) {
  if ($form_id == 'search_block_form') {
    $form['action']['submit']['#type'] = 'image_button';
    $form['action']['submit']['#src'] = drupal_get_path('theme', 'mytheme') . '/images/search.png';
    $form['action']['submit']['#attributes']['class'][] = 'my-search-button';
  }
}

$form[‘action’][‘submit’][‘#type’]变量用于设定搜索提交按钮的类型,我们把它设为image_button,这表示该提交按钮的类型是图片形式。$form[‘action’][‘submit’][‘#src’]变量用于设定提交按钮图片的路径,其中的drupal_get_path()函数用于获得当前主题的路径,它有两个参数,第一个参数指明函数将获得某个主题的路径,第二个参数指明主题的具体名称。$form[‘action’][‘submit’][‘#attributes’][‘class’][]变量为我们的搜索表单提交按钮增加了一个名为my-search-button的CSS类,可以通过它为我们的图片提交按钮定义样式。

本文地址官网    新乡网站建设,seo

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址