ows.nightwolf

Пользователь
  • Публикации

    112
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    9

Последний раз ows.nightwolf выиграл 19 апреля

Публикации ows.nightwolf были самыми популярными!

Репутация

26 Положительная

О ows.nightwolf

  • Звание
    Участник
  • День рождения 05.04.1991

Информация

  • Пол
    Мужчина
  • Откуда
    Минск

Контактная информация

  • Skype
    nightwolf4343

Посетители профиля

1 014 просмотра профиля
  1. Если вы про свойство numberProduct у экземпляров класса Product, то оно у каждого из этих классов свое (не общее) и соответственно увеличивается на один у каждого из этих экземпляров т.к. вы в addProduct передаете каждый раз новый экземпляр класса Product. Возможно, вам нужно объявить это свойство как static и обращаться к нему через self для получения ожидаемого эффекта.
  2. Вы задаете padding для td в котором лежит a. Делайте наоборот - задавайте padding для a. Кроме того для того чтоб padding применился надо для a задать display: block или display: inline-block; https://jsfiddle.net/50opwxmr/
  3. Создайте, пожалуйста, пример в одной из песочниц (например, jsbin), т.к. не видя примера сложно что-то подсказать.
  4. Не очень понял проблемы, т.к. судя по написанному коду вроде все должно работать. Создайте рабочий пример на котором воспроизводится проблема в какой-нибудь песочнице (например, на jsbin. Чтоб подключить там jQuery - используйте кнопку Add library слева вверху).
  5. chrome

    @Igor Schnaider: спасибо, помогло
  6. Всем доброго времени суток. В процессе работы над очередным проектом столкнулся с проблемой: есть элемент video, который расположен внутри элемента для которого заданы transform: translateX и transition. Если перейти в полноэкранный режим видео, а потом его свернуть (вернуть в нормальный режим), то родительский контейнер анимируется. Копаясь в консоли разработчика обнаружил, что на время полноэкранного режима для всех родителей тега video сбрасываются некоторые css стили (в т.ч. transform и transition), что похоже и приводит к появлению анимаций после выхода из fullscreen. Применение флага important к моим стилям результата не принесло (кроме того что после этого еще и само видео при переходе в полноэкранный режим начало анимироваться). Прошу помочь мне разобраться с этим нелегким делом. Пример проблемы: https://codepen.io/ows_nightwolf/pen/mmeByp
  7. В дополнение к alejandro13: Исключение - векторные изображения (svg). Они маштабируются без потерь качества, но подходят только если у вас сравнительно простое изображение (фотку в векторе не сохранишь)
  8. Так вы же в функции circle оранжевым делаете цвет обводки, а не заливки. Используйте fillStyle чтоб задать цвет заливки.
  9. var activeField = this.selectedOptions[0].value+'_color'; Тут имя поля генерируется на основании значения выбранного в поле select (если выбрано "red" то поле которое должно отображаться будет "red" + "_color" = "red_color") У вас мой пример работать не будет - все разбросано по странице, я предполагал что это все находится в одной форме. Вам тогда можно задать для всех нужных input'ов id, а для пунктов select'а их значения (value) давать равными этим id'шникам (чтоб когда выбран определенный пункт в select'е можно было узнать какой input отображать). По событию change на selecte надо будет проходится по всем его пунктам, брать хранящиеся в них id, скрывать элементы с этими id, а потом отобразить тот который выбран (опять же, взяв его id из свойства value выбранного пункта). Но это уже сами реализуйте, принцип такой же как я выше написал.
  10. http://jsbin.com/nodoqesala/edit?html,js,output
  11. http://jsbin.com/xijetilogi/edit?html,css,output Ключевые моменты - float:right для сайдбара, сам сайдбар в HTML коде должен идти перед блоком с карточками товара, а сами карточки должны быть строчно-блочными элементами (display: linline-block)
  12. Рендеринг вашего элемента происходит по следующему сценарию: Расчет его габаритов: т.к. ширина элементу не задана (т.е. принято значение по умолчанию width = auto) то его ширина расчитывается автоматически (в частности на основании свойств left/right и ширины текста, вмещаемого в элемент). Т.к. текст у нас может переносится на другие строки, то при расчете ширины он не учитывается, а т.к. position = absolute, то в расчет ширины принимаются значения left и right. Left у вас равен 50%, для right принимается значение по умолчанию равное нулю. Итого: если левая граница элемента лежит на середине родителя, а правая на правой границе родителя, то ширина элемента получится равной 50% от ширины родителя. Ширина элемента расчитана и больше не меняется. Применение css-свойства transform: директива translateX(-50%) означает что надо сдвинуть элемент влево на 50% его ширины. При этом после сдвига его ширина, расчитаная в п.1 по новой не пересчитывается (естественно, ведь если изменится ширина, то изменится и величина сдвига, в результате долнжна снова изменится ширина и т.п. рекурсивно и бесконечно). Итого: у нас получился центрированный элемент, ширина которого = 50% от ширины родителя, и из-за этого текст в элемент не влазит и переносится (хотя казалось бы - кругом еще полно места...) Ну а по поводу white-space: свойство nowrap запрещает перенос текста, так что при расчете ширины элемента у которого width=auto браузер вынужден принимать во внимание и ширину теста, который находится в этом элементе. И при этом если текст больше, чем ширина расчитаная в п.1, то ширина элемента увеличивается так чтобы вместить текст полностью. После этого выполняется п.2.
  13. Я подозреваю что у вас синтаксис неправильный. Во-первых такой селектор $('$my_id') вообще работать вроде как не должен, вместо него надо $('#my_id'), а во-вторых если вы хотите "взять" блок с id="message" из HTML который вернет сервер, то вам надо делать так: $('#load').load(index + ' ' + '#message'). В документации блок, который надо "взять" из ответа указывается в первом аргументе после url-адреса через пробел, а вы его вторым аргументом пихаете, вот jQuery его и добавляет к URL как параметр запроса.