Jump to content

borus

User
  • Posts

    448
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by borus

  1. Продолжаю верстать всплывающую форму Заказа в 1 клик, а именно блок со сслыкой и галочкой внизу формы. Пользовался инструкцией с некоторого сайта для того, чтобы текст слева от галочки и галочка были одинаковы по высоте. Для этого было предложено использовать верстку псевдотаблицей(display: table). Возникло 2 вопроса:

    1. Почему не работает vertical-align:middle для выравнивания текста и галочки по вертикали в псевдотаблице?

    2. Как методами css увеличить размер галочки так, чтобы её высота стала равна высоте строки с текстом?(на разных экранах это разная высота) Если ставлю height: 100%, то галочка и вовсе схлопывается (объясните, пожалуйста, если знаете, почему :) )

  2. В 09.06.2017 в 21:25, Schamil74 сказал:

    А можно вопрос? У вас основное направление какое? Верстальщик, программист, ...?

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

  3. Прочитал в местном справочнике, что атрибут required для input понимается начиная с IE 10, а Safari не понимается. Это беда. 

    Кто знает, какие есть трюки заставить браузеры IE9- и Safari требовать заполнение нужного поля? Может в бутстрапе есть для этого готовые решения? Или только свой js-код писать?

  4. Только что, klierik сказал:

    ты открыл 3 темы, хотя вопрос можно было задавать в одной

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

  5. Спасибо!

    3 часа назад, klierik сказал:

    PS: не обязательно постить серию новых тем в рамках разработки одного блока.

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

  6. Только что, klierik сказал:

    оставляют скролл на месте.

    PS: не обязательно постить серию новых тем в рамках разработки одного блока.

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

  7. Здравствуйте!

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

  8. Здравствуйте!

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

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

  9. 2 минуты назад, klierik сказал:
    
    jQuery('#contactForm_oneclick').on('click.popup', function (e) {
    	if (jQuery(e.target).hasClass('addtocart_button') || jQuery(e.target).eq(':input')) {
    		e.stopPropagation()
    	}
    });

     

    что бы понять почему так советую пройти, хотя бы, базовые курсы по JS

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

  10. Доброе утро! Вот такой код решает проблему

    	$("#contactForm_oneclick").click( function(e){
    		if(e.target.getAttribute('class') != 'addtocart_button' || e.target.getAttribute('id') == 'agree') {
    			e.stopPropagation();
    		}
    	})

    Единственно, я бы хотел у вас узнать, почему раньше return false заставлял проставленную галочку сниматься? Ведь обработчик был не на галочке, а на каком-то пра-пра-дедушке(#contactForm_oneclick), который и формой не являлся, а лишь содержал её в себе.

  11. 1 час назад, klierik сказал:

    потому что любой клик вернет false, если это не не кнопка. В данном случае и чекбокс тоже не будет чекнут, если его не внести в исключения

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

  12. 16 часов назад, klierik сказал:
    
    	//чтобы по клику на форме быстрого заказа, она не закрывалась обработчиком клика по #aux
    	$("#contactForm_oneclick").click( function(e){
    		if(e.target.getAttribute('class') != 'addtocart_button') {
    			return false;
    		}
    	})

    сюда надо так же добавить и проверку на чекбокс 

    Здравствуйте!

    Залил на сайт вот такой вариант:

    	$("#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'?

  13. 1 час назад, Svetlana_P сказал:

    Какой-то JS код мешает, потому что с отключенной jQuery библиотекой проблема исчезает. Вам нужна помощь того, кто в этом разбирается.

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

  14. 38 минут назад, Schamil74 сказал:

    Спасибо! Я посмотрел код примеров, там похоже производится реальное укорочение передаваемых значений формы. Получается, может так случиться, что текст опций сократится так, что нельзя будет понять, какая именно опция была выбрана?

    Например, если было две опции вида:

    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 ...

    и уже не понятно какая опция была конкретно выбрана. Если так, то есть ли другие решения?

  15. Здравствуйте!

    На странице на ширине монитора в 320px, если кликнуть кнопку "Заказ в 1 клик" возникает форма, ширина элементов которой начиная с элемента div#contactForm_oneclick больше, чем ширина базовой обёртки div#aux.

    Пробовал назначить div#contactForm_oneclick ширину inherit, чтобы наследовать ширину родительской обёртки, но это не помогло, наверно из-за широких селектов.

    Скажите пожалуйста, как правильно прописывать стили в такой ситуации так, чтобы форма укладывалась в любую текущую ширину экрана? Отдельно селекты ограничивать?

     

  16. 45 минут назад, klierik сказал:

    Проверь почему, дебаж. Я показал направление в котором двигатся

    Я там ошибку допусти в селекторе, имя класа кнопки с точки начинатся должно

    Спасибо. Изменил на такое

    if(e.target.getAttribute('class') != 'addtocart_button') {
    			return false;
    }

    и заработало.

    Появился вопрос, отчего если сразу после открытия или обновления страницу чуть прокрутить вниз так, чтобы можно было нажать на кнопку "Заказ в 1 клик" и нажать её, страница медленно под затемнением скроллится к началу?

  17. Здравствуйте.

    Есть страница, на которой, если кликнуть по кнопке "Заказ в 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;
    })

    но он блокирует отправку данных формы по клику на кнопку Купить

    Скажите, пожалуйста, как сделать так, чтобы кнопка Купить работала и чтобы клик где-нибудь по всплывающей форме её не скрывал?

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy