Comments 49
Зачем две Одинаковые формы для логина и регистрации в вашей панели? Объедините их.
Это лишь пример. ;)
Хотя автор не читает Хабр, самые значимые комментарии я переведу и отправлю в блог к автору, если Вы этого не сделаете сами.
Хотя автор не читает Хабр, самые значимые комментарии я переведу и отправлю в блог к автору, если Вы этого не сделаете сами.
:) ну раз так, не читает, то конечно обсуждать не очень удобно, да…
В качестве доп комментариев: «плохо» дублировать id и class названия, не имеет смысла, так же и использования «style etc...» можно было бы обойтись более компактным кодом чем в приведенном примере.
В качестве доп комментариев: «плохо» дублировать id и class названия, не имеет смысла, так же и использования «style etc...» можно было бы обойтись более компактным кодом чем в приведенном примере.
«Помните мою выпадающую панель» — показалось что ты и есть автор.
Для тестирования в IE8 посоветую www.my-debugbar.com/wiki/IETester/HomePage
Не увидел лицензии на панельку, а так здорово.
Не увидел лицензии на панельку, а так здорово.
UFO just landed and posted this here
автору спасибо. Отличная статья
Background в демо-страничке убил мои глаза.
Блин, уже если делать то так:
Форма — одна: логин/пароль. Если чел ввел правильную пару — то обычный вход. Если он ввел несуществующий логин — вероятнее всего он хочет зарегистрироваться. Если логин существует, но пароль не подходит — значит он забыл пароль — предложить переввести или восстановить.
Форма — одна: логин/пароль. Если чел ввел правильную пару — то обычный вход. Если он ввел несуществующий логин — вероятнее всего он хочет зарегистрироваться. Если логин существует, но пароль не подходит — значит он забыл пароль — предложить переввести или восстановить.
То есть, чтобы зарегистрироваться мне надо вбить неправильные логин и пароль? Не вполне очевидно и не совсем логично. Может у меня капслок включен, а может раскладка не та…
Нельзя так морочить пользователя. Даже если ему не придётся догадываться, то инструкция в духе «Если вы ещё не зарегистрированы, то всё равно введите в поле «Имя» несуществующий логин, который вы хотели бы получить на нашем сайте» — вряд ли обрадует пользователя (а неопытного — точно запутает).
Типа этого:
Извините, Вы не можете использовать указанный пароль. Такой пароль уже использует пользователь Misha. Пожалуйста, придумайте другой пароль.© bash.org.ru
UFO just landed and posted this here
Ой какая удобная штуко!
Попробую скрестить с gShell и сделать себе консоль на сайт.
Вместо формы логина пароля будет gShell.
Попробую скрестить с gShell и сделать себе консоль на сайт.
Вместо формы логина пароля будет gShell.
Красивая штучка )) автор — молодец!
Шикарное решение.
После окончания выезжания панели следует передавать фокус на Username.
После окончания выезжания панели следует покрывать все окно fixed позиционированным дивом с 1% прозрачнуостью, при клике на который (читай, клик куда угодно), панель бы закрывалась.
На скрипт тратится минута — ровно столько чтобы скопипастить стандартную джекверевую фичу и поменять на нужные классы.
Интересно, почему автор отказался от Mootools в пользу другого фреймворка…
Форма действительно удобна, но вот только использование капчи при авторизации или регистрации при таком подходе вряд ли получиться. Слишком большая, необоснованная нагрузка на сервер.
Лично мне это решение напомнило: vremenno.net/design/creating-nice-forms/
А почему бы через position: fixed; не «привязать» форму к верхней границе окна?
м… я чегото не пойму. Автор узнал о slideUp и slideDown в JQuery и решил об этом написать??
Мне идея понравилась! НАписать такое на jquery — не так сложно…
Но идея — классная… Надо замутить такое… Даже знаю где :)
Но идея — классная… Надо замутить такое… Даже знаю где :)
Что-то мне напоминает… Может быть codeigniter.com?
впринципе ничего нового, есть на сайте jquery как такое делать (там написано про текст)
В IE8 никаких проблем
а чтобы к примеру не переходить на ссылку c этой штуковиной #, при клике на handler, можно сделать так
$('.some').click(function() {… return false;});
пы.сы. хотя мож это лишнее ;)
$('.some').click(function() {… return false;});
пы.сы. хотя мож это лишнее ;)
Где-то я уже видел такую панель.
Кажется, в платных шаблонах от YOOtheme.
Кажется, в платных шаблонах от YOOtheme.
На сайте «Техносилы» используется подобный приём с одной лишь разницей — кнопка раскрытия меню остаётся всегда на месте. Эта маленькая деталь очень приятна в плане юзабилити. Пользователю не надо двигать мышкой, чтобы вернуть страницу сайта в первоначальное состояние, без меню.
Мелочь, а приятно.
Мелочь, а приятно.
Круче будет, если панель можно будет ещё вытаскивать мышкой, ухватившись за её край.
для тех кому понравилась идея
— ajax'ом выполнять вход/авторизацию/регистраци
— после входа, за_fixed_ировать панельку сверху в пределах 50-100px, например с минимальной информацией. Логин, ссылка на профиль/выход/хелп, кармой и рейтингом. При колике на «Подробно», панелька выезжает еще на 200-300px вниз, с более исчерпывающей информацией. Опрокте, Фак, Топ 10 топиков, коментариев и т.д. по вкусу в зависимости от фантазии…
круче будет(с)
— ajax'ом выполнять вход/авторизацию/регистраци
— после входа, за_fixed_ировать панельку сверху в пределах 50-100px, например с минимальной информацией. Логин, ссылка на профиль/выход/хелп, кармой и рейтингом. При колике на «Подробно», панелька выезжает еще на 200-300px вниз, с более исчерпывающей информацией. Опрокте, Фак, Топ 10 топиков, коментариев и т.д. по вкусу в зависимости от фантазии…
круче будет(с)
Если открыть панельку, потом проскролить страницу слегка вниз и закрыть панель, то страница дёрнется вверх. Не смертельно, но выглядит слегка неуютно, что ли.
Спасибо!!! Ставлю себе!
PS в IE8 работает как часы! Потестил ;)
PS в IE8 работает как часы! Потестил ;)
Sign up to leave a comment.
Пособие: Красивая и удобная выпадающая панель для входа/регистрации