31 января 2012 в 8:37
Подскажите, как сделать, чтобы внутри поля поиск, можно было разместить текст, например ПОИСК, который бы исчезал при клике мыши . В обычном input это делалось как . Я нашел где выводится в Drupal шаблоне это поле, оно выглядит так:
// the search_block_form element is the search's text field, it also happens to be the form id, so can be confusing
$form['search_block_form']['#title'] = t('');
$form['submit']['#value'] = 'Search';
Комментарии
Что то не вставилось, в обычном input это делалось через placeholder
Текст внутри поля задает параметр value, остальное JS скрипт.
Примерно такой код я использую.
Создайте файл template.php в вашей теме и напишите там :
<?phpfunction твоятема_preprocess_search_theme_form(&$vars, $hook) {
// Remove the "Search this site" label from the form.
$vars['form']['search_theme_form']['#title'] = t('');
// Set a default value for text inside the search box field.
$vars['form']['search_theme_form']['#value'] = t('key words'); //вот тут содержится текст который будет в поле поиска
// Add a custom class and placeholder text to the search box.
$vars['form']['search_theme_form']['#attributes'] = array('class' => 'NormalTextBox txtSearch', 'onblur' => "if (this.value == '') {this.value = '".$vars['form']['search_theme_form']['#value']."';} ;", 'onfocus' => "if (this.value == '".$vars['form']['search_theme_form']['#value']."') {this.value = '';} ;" ); // а тут js который убирает текст из $vars['form']['search_theme_form']['#value'] при активации поля поиска и возвращает при деактивации.
// Rebuild the rendered version (search form only, rest remains unchanged)
unset($vars['form']['search_theme_form']['#printed']);
$vars['search']['search_theme_form'] = drupal_render($vars['form']['search_theme_form']);
$vars['form']['submit']['#type'] = 'image_button';
$vars['form']['submit']['#src'] = path_to_theme() . '/images/search_button.png';
// Rebuild the rendered version (submit button, rest remains unchanged)
unset($vars['form']['submit']['#printed']);
$vars['search']['submit'] = drupal_render($vars['form']['submit']);
// Collect all form elements to make it easier to print the whole form.
$vars['search_form'] = implode($vars['search']);
}?>
Еще можно воспользоваться jquery библиотекой placeholder.js, подробнее о ней тут
Спасибо за помощь. Попробую оба варианта.