Перейти к публикации
Гость Blendy

Javascript onfocus и onblur

Рекомендованные сообщения

Гость Blendy

Есть проблемка, я хочу сделать так чтобы при фокусе на текстовое поле которое находится тут:

O.T.
Это выпадающее мню

nvx1396484758__desktop_03-04-2014_4-15-1

У елемента ul на котром стоит это текстовое поле был стиль

 

<ul class="hide p220" style="display:block">
  <li><a href="#">Мой профиль</a></li>
  <li><a href="#">Добавить новость</a></li>
  <li><a href="#">Сообщения (0/1)</a></li>
  <li><a href="#">Выйти</a></li>
  <li>
     <form id="store" name="search2" action="" method="">
        <input name="search" id="store2" placeholder="Поиск" type="search" />
        <input type="button" value="Найти" class="s-b" onclick="submit();">
     </form>
  </li>
</ul>

 

Но при потере фокуса сэтого поля пропадал этот стиль display:block

O.T.
Пробовал jQuery и у меня не получилось
Изменено пользователем Blendy

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
volkod

А через css не легче чем возится с jq

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Blendy

@volkod, Нет мне нужно чтобы при фокусе на форму поиска ul оставался активным, а при потере фокуса опять исчезал

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
volkod

@volkod, Нет мне нужно чтобы при фокусе на форму поиска ul оставался активным, а при потере фокуса опять исчезал

Так в чем сложность сделать на css

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Blendy

@volkod, Боже мой прочитать все полностью и понять до конца нельзя?

У меня есть

  1. Выпадающее меню
  2. Форма поиска
  3. При наведении на выпадающее меню его видно
  4. Мне нужно чтобы при фокусе формы поиска где бы не находился курсор в это время выпадающее меню оставалось активным

Вот!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
vir2oz

, зачем ты туда вообще поиск запихнул?  :8_8:  

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
volkod

берешь класс формы или что там у тебя и дописываешь фокус и после фокуса пишешь класс или что там у тебя и в стилях пишешь код который показывает тебе выпадающее меню если дашь код покажу как именно css какой у тебя

Изменено пользователем volkod

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Blendy

@vir2oz, чтобы по сайту не болтался :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
vir2oz
Замени это:
<input name="search" id="store2" placeholder="Поиск" type="search" />

На это:

<input class="ssearch" name="search" id="store2" placeholder="Поиск" type="search" />

 

И в CSS добавь это:

.ssearch:focus .hide {
  display: block;
}

 

Вроде должно работать...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Blendy

@vir2oz, .hide является родителем input и не может применить к нему стиль :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
vir2oz

@vir2oz, .hide является родителем input и не может применить к нему стиль :(

Кинь в ЛС сайт, я посмотрю и скину рабочий вариант  ;-)

 

Ну экстрасенсов тут нет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil
$(function() {
    $('#store2').focus(function(){
        $('.hide').css({'display':'block'});
    });
   
    $('#store2').blur(function(){
        $('.hide').removeAttr('style');
    });
});

Или есть какой-то подвох?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Blendy

@webil, Вот то что нужно Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...