- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Пытаюсь допилить функционал формы для подписки на новости от им.
Не могу понять, если форму оставить пустую, не вводить майл нажать кнопку отправить, transform: translateY(-50%) перестаёт работать.... Введите E-Mail не перемещается, и вводя майл просто мешает.
Сама форма тут developer.pavira.de/#news
Что я упустил?
Заранее спасибо!
Что хотите сделать?
Что хотите сделать?
При клике в поле куда вводить майл "Введите E-Mail" смещается вверх. Не вводить майл и нажать отправить, появляется "This is a required field." и "Введите E-Mail" больше не смещается вверх 😕
При клике в поле куда вводить майл "Введите E-Mail" смещается вверх. Не вводить майл и нажать отправить, появляется "This is a required field." и "Введите E-Mail" больше не смещается вверх 😕
Зачем вообще так делали? Есть же placeholder для этой цели.
Зачем вообще так делали? Есть же placeholder для этой цели.
Что бы transform был☝
Никому не нужное извращение. ИМХО.
Никому не нужное извращение. ИМХО.
Всё может быть... Но я не про изварщение просил
Добавить после формы:
<script>var editboxis = document.getElementById("newsletter");
editboxis.onclick = function() {
if (document.getElementsByClassName("validation-advice")[0]!=undefined) {
document.getElementsByClassName("validation-advice")[0].remove();
document.getElementById("newsletter").classList.remove("validation-failed");
}};</script>
Вот здесь посмотри, через .kc-input-label и .kc-input-label-focus с переключением через javascript сделано.
Вот здесь посмотри, через .kc-input-label и .kc-input-label-focus с переключением через javascript сделано.
Я так понял, что раньше выводимый js слой css отключал transform у слоя... Может и не так, но как посоветовал SocFishing я сделал и, работает!!!
Хотя если честно не понял до конца как он это сделал 🍿