borus

Продолжаю верстать всплывающую форму Заказа в 1 клик, а именно блок со сслыкой и галочкой внизу формы. Пользовался инструкцией с некоторого сайта для того, чтобы текст слева от галочки и галочка были одинаковы по высоте. Для этого было предложено использовать верстку псевдотаблицей(display: table). Возникло 2 вопроса: 1. Почему не работает vertical-align:middle для выравнивания текста и галочки по вертикали в псевдотаблице? 2. Как методами css увеличить размер галочки так, чтобы её высота стала равна высоте строки с текстом?(на разных экранах это разная высота) Если ставлю height: 100%, то галочка и вовсе схлопывается (объясните, пожалуйста, если знаете, почему )

Здравствуйте. Контент-менеджер, верстальщик, программист, сисадмин, всего понемногу в меру возможностей и способностей

Прочитал в местном справочнике, что атрибут required для input понимается начиная с IE 10, а Safari не понимается. Это беда. Кто знает, какие есть трюки заставить браузеры IE9- и Safari требовать заполнение нужного поля? Может в бутстрапе есть для этого готовые решения? Или только свой js-код писать?

согласен, просто обычно на форумах требуют, одна тема обсуждения - один топик. Сейчас тогда выберу какой-то и напишу ещё раз, но по другой теме

битая ссылка

Спасибо! даже если следующий вопрос не связан с заголовком темы?

Сначала вам надо выбрать СMS, если я вас правильно понял

можно пример?

Спасибо. Разве тогда прокрутка не останется активной? нужно чтобы под модальным окном контент не прокручивался

Здравствуйте! Через методы javascript есть возможность добавлять стили встроенным способом в тело тега, что не приветствуется. А можно ли добавлять их к уже имеющимся стилям для какого-то дескриптора?

Здравствуйте! Продолжаю дорабатывать форму, которая вызывается по клику на кнопку "Заказ в 1 клик" на странице. После вызова формы видно, что контент под шапкой меню смещается к центру из-за исчезновения скроллинга (появляется overflow:hidden у body) Скажите, пожалуйста, как в современных подходах верстки нейтрализуют подобные смещения?

Спасибо. У вас обработчик зарегистрирован немного по-другому, чем у меня выше. Что это дает?

Доброе утро! Вот такой код решает проблему $("#contactForm_oneclick").click( function(e){ if(e.target.getAttribute('class') != 'addtocart_button' || e.target.getAttribute('id') == 'agree') { e.stopPropagation(); } }) Единственно, я бы хотел у вас узнать, почему раньше return false заставлял проставленную галочку сниматься? Ведь обработчик был не на галочке, а на каком-то пра-пра-дедушке(#contactForm_oneclick), который и формой не являлся, а лишь содержал её в себе.

как, например?

простите, я не понимаю как правильно ввести чекбокс в исключения, поясните пожалуйста на примере.

поясните, пожалуйста, куда копать

Здравствуйте! Залил на сайт вот такой вариант: $("#contactForm_oneclick").click( function(e){ if(e.target.getAttribute('class') != 'addtocart_button' || e.target.getAttribute('id') == 'agree') { return false; } }) (id = "agree" как раз у галочки), но и он не помогает. А зачем, в принципе, делать исключение для галочки, ведь она подпадает под условие e.target.getAttribute('class') != 'addtocart_button'?

Спасибо. Кстати, как это вы эмулируете в браузере, отключение jquery? Я попытался изменить в коде страницы путь к jquery.min.js и не добился того, чего вы

Здравствуйте! Дорабатываю форму, которая открывается по клику на кнопку "Заказ в 1 клик". Внизу разместил чекбокс. Скажите, пожалуйста, почему по клику по нему галочка не проставляется?

Спасибо! Я посмотрел код примеров, там похоже производится реальное укорочение передаваемых значений формы. Получается, может так случиться, что текст опций сократится так, что нельзя будет понять, какая именно опция была выбрана? Например, если было две опции вида: long long long long long long long long long long long long text 1 long long long long long long long long long long long long text 2 на выходе скажем будет long long long long ... и уже не понятно какая опция была конкретно выбрана. Если так, то есть ли другие решения?

Спасибо! А почему без js не обойтись?

Здравствуйте! На странице на ширине монитора в 320px, если кликнуть кнопку "Заказ в 1 клик" возникает форма, ширина элементов которой начиная с элемента div#contactForm_oneclick больше, чем ширина базовой обёртки div#aux. Пробовал назначить div#contactForm_oneclick ширину inherit, чтобы наследовать ширину родительской обёртки, но это не помогло, наверно из-за широких селектов. Скажите пожалуйста, как правильно прописывать стили в такой ситуации так, чтобы форма укладывалась в любую текущую ширину экрана? Отдельно селекты ограничивать?

Спасибо. Изменил на такое if(e.target.getAttribute('class') != 'addtocart_button') { return false; } и заработало. Появился вопрос, отчего если сразу после открытия или обновления страницу чуть прокрутить вниз так, чтобы можно было нажать на кнопку "Заказ в 1 клик" и нажать её, страница медленно под затемнением скроллится к началу?

Доброе утро. Спасибо. Применил, не срабатывает.

Здравствуйте. Есть страница, на которой, если кликнуть по кнопке "Заказ в 1 клик", всплывает форма заказа. Для того, чтобы форма скрывалась при клике по чему-то вне её(это значит по div#aux) есть обработчик: jQuery("#aux").click( function() {//функция, скрывающая форму jQuery("#contactForm_oneclick").fadeOut(); jQuery("#window").fadeOut(); jQuery("#aux").css("display","none"); jQuery("html,body").css("overflow","auto"); } ); Чтобы по клику по самой форме(div#contactForm_oneclick) не срабатывал вышеуказанный обработчик, есть обработчик клика по форме: $("#contactForm_oneclick").click( function(){ return false; }) но он блокирует отправку данных формы по клику на кнопку Купить Скажите, пожалуйста, как сделать так, чтобы кнопка Купить работала и чтобы клик где-нибудь по всплывающей форме её не скрывал?