bootstrap navbar search проблема с js

Главные вкладки

Аватар пользователя diitcash diitcash 5 января 2017 в 17:29

Здравствуйте, помогите советом. Сайт demoncash.ru использую тему bootstrap (sub-theme без cdn ) и пример, в style.css добавил стили, в me.info search.js - код , в template.php прописал:

<?php
function me_preprocess_page(&$variables){
  
$search_form drupal_get_form('search_form');
  
$search_box drupal_render($search_form);
  
$variables['search_box'] = $search_box;
}

/*
 *  Form alter to add missing bootstrap classes and role to search form.
 */

function me_form_alter(&$form, &$form_state$form_id) {
  if (
$form_id == 'search_form') {
    
$form['#attributes']['class'][] = 'navbar-form navbar-right';
    
$form['#attributes']['role'][] = 'search';
  }
}

function 

me_bootstrap_search_form_wrapper($variables) {

  

$output '<div class="input-group">';
  
$output .= $variables['element']['#children'];
  
$output .= ' <span class="input-group-btn">';
  
$output .= '<button type="reset" class="btn btn-default"><span class="glyphicon glyphicon-remove"><span class="sr-only">Close</span></span></button><button type="submit" class="btn btn-primary"><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span></button>';
  
$output .= '</span>';
  
$output .= '</div>';
  return 
$output;
}
?>

в page.tpl.php:


 <?php if (!empty($primary_nav) || !empty($secondary_nav) || !empty($page['navigation'])): ?>
      <div class="navbar-collapse collapse" id="navbar-collapse">
        <nav role="navigation">
          <?php if (!empty($primary_nav)): ?>
            <?php print render($primary_nav); ?>
          <?php endif; ?>
          <?php if (!empty($secondary_nav)): ?>
            <?php print render($secondary_nav); ?>
          <?php endif; ?>
/* вставил $search_box */
          <?php print $search_box?>
          <?php if (!empty($page['navigation'])): ?>
            <?php print render($page['navigation']); ?>
          <?php endif; ?>
        </nav>
      </div>

?>

но так и не работает.

Буду очень признателен за любые советы.

Лучший ответ

Комментарии

Аватар пользователя BatKor BatKor 5 января 2017 в 17:43

чтоэто за пример такой?

<form class="navbar-form" role="search">
                                        <div class="input-group">
                                                <input type="text" class="form-control pull-right" style="width: 300px; margin-right: 35px, border: 1px solid black; background-color: #e5e5e5;" placeholder="Search">
                                                <span class="input-group-btn">
                                                        <button type="reset" class="btn btn-default">
                                                                <span class="glyphicon glyphicon-remove">
                                                                        <span class="sr-only">Close</span>
                                                                </span>
                                                        </button>
                                                        <button type="submit" class="btn btn-default">
                                                                <span class="glyphicon glyphicon-search">
                                                                        <span class="sr-only">Search</span>
                                                                </span>
                                                        </button>
                                                </span>
                                        </div>
                                </form>
Аватар пользователя diitcash diitcash 5 января 2017 в 18:26

не понял сути вопроса, за основу взял меню с http://bootsnipp.com/snippets/featured/inline-navbar-search, и пробую наладить данный код на друпал. Заметил еще проблему под анонимом кнопка поиска так и не отображается, хотя после входа обычным пользователем все норм ( user: test password: 123456 )

Аватар пользователя diitcash diitcash 5 января 2017 в 19:00

консоль браузера выдает ошибку $(function () { --- Uncaught TypeError: $ is not a function, кто хорошо понимает в js, почему функция не работает?

Аватар пользователя diitcash diitcash 5 января 2017 в 22:13

применил, тоже самое, браузер все равно ругается на .js >> Была сделана попытка вызвать значение как функцию, но значение на самом деле не является функцией. Некоторый код ожидает от вас предоставить функцию, но этого не происходит. Я как то не правильно объявляю функцию в js, если скопипастить мой html код в пример, все Ок, у меня же не работает, jquery подключенно, код html приведен к нужному виду, но что то мешает

Аватар пользователя diitcash diitcash 5 января 2017 в 22:39

Grayw0lf wrote:

(function ($) {

Огромное спасибо и за решение, за ссылку на статью просто не знаю как благодарить, в общем всяческих удач и позитива Smile