ows.nightwolf

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

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

  • Посещение

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

    8

Последний раз ows.nightwolf выиграл 11 октября 2016

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

Репутация

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

О ows.nightwolf

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

Информация

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

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

  • Skype
    nightwolf4343
  1. В дополнение к alejandro13: Исключение - векторные изображения (svg). Они маштабируются без потерь качества, но подходят только если у вас сравнительно простое изображение (фотку в векторе не сохранишь)
  2. Так вы же в функции circle оранжевым делаете цвет обводки, а не заливки. Используйте fillStyle чтоб задать цвет заливки.
  3. 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 выбранного пункта). Но это уже сами реализуйте, принцип такой же как я выше написал.
  4. http://jsbin.com/nodoqesala/edit?html,js,output
  5. http://jsbin.com/xijetilogi/edit?html,css,output Ключевые моменты - float:right для сайдбара, сам сайдбар в HTML коде должен идти перед блоком с карточками товара, а сами карточки должны быть строчно-блочными элементами (display: linline-block)
  6. Рендеринг вашего элемента происходит по следующему сценарию: Расчет его габаритов: т.к. ширина элементу не задана (т.е. принято значение по умолчанию 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.
  7. Я подозреваю что у вас синтаксис неправильный. Во-первых такой селектор $('$my_id') вообще работать вроде как не должен, вместо него надо $('#my_id'), а во-вторых если вы хотите "взять" блок с id="message" из HTML который вернет сервер, то вам надо делать так: $('#load').load(index + ' ' + '#message'). В документации блок, который надо "взять" из ответа указывается в первом аргументе после url-адреса через пробел, а вы его вторым аргументом пихаете, вот jQuery его и добавляет к URL как параметр запроса.
  8. Для того, чтобы равномерно поправить яркость цвета удобно перевести его из RGB представления в HSL (Hue, Saturation, Lightness) в котором, как понятно из аббревиатуры, последний параметр отвечает за "светлость" цвета (можно использовать онлайн-инструмент, например вот этот http://www.w3schools.com/colors/colors_rgb.asp). Вот пример: http://jsbin.com/kedicaboma/edit?css,output. Тут если уменьшить/увеличить третий аргумент обоих функции hsl на одинаковое значение, то яркость обоих цветов изменится равномерно. hsl значения поддерживаются IE9+, для более ранних браузеров нужно использовать либо css-препроцессоры (SASS, например), либо вручную конвертировать цвета из HSL в RGB (например, вот этим: http://www.w3schools.com/colors/colors_hsl.asp)
  9. Возможно как-то так: var searchResults = document.getElementById('search'); var anchors = document.evaluate('//h3/a', searchResults); var anchorNames = document.evaluate('//h3/a//text()', searchResults); // Если надо итерироваться по полученым данным: while (let anchor = anchors.iterateNext()) { сonsole.log(anchor); }
  10. Самое главное - методы массива позволяют быстрее обходить разреженные массивы, пропуская отсутствующие элементы. Пример: var arr = []; arr[0] = 0; arr[100500] = 100500; // выведет "100500", много сообщений "undefined" и "0" в консоль (заметно медленнее чем метод forEach): for (var i = arr.length; i<=0; i--) { console.log(arr[i]); } // Выведет только "0" и "100500". Заметно быстрее, чем цикл for: arr.forEach(v=>console.log(v)); Ну и они проще читаются (ИМХО), особенно в связке с arrow functions .
  11. Вариант решения номер два: http://jsbin.com/fiyapidixe/edit?html,css,output Недостатки - в HTML разметке цена и товар поменялись местами
  12. Последние слова откладывают флексбоксы на пару лет еще ) А так конечно удобная тема. Но аццкий вид, когда все префиксы развернуты и неподдержка в ИЕ9... нет уж, пока рано ) Для IE9 можно либо сделать отдельный стиль чтоб было минимально похоже (что-то типа флоутами или еще как-нибудь, в зависимости от задачи), либо подключить JS полифил если совсем уж хоццо чтоб везде одинаково было.
  13. Да, здешний валидатор кода подкинул нежданьчик Спасибо за идею с заключением значений в квадратные скобки